CSS selectors — attribute selectors

Code used

p[class] {background: lime; color:#fff;}
p[class="test2"] {background: green; color:#fff;}
span[class~="test3"] {background:blue; color:yellow;}
a[hreflang|="en"] {font-weight:bold;color:#090; background:yellow;}
a[href^="#"] {font-weight:bold; color:lime;}
abbr[title$="ts"] {font-style:italic; font-size: 1.2em; color:#000}
span[class*="st5"]{color:#f00; background:#ccc;}
#t2 p:lang(fr) span[class] {border:2px solid #abc; background:#ccc; padding:3px}

notes

• These selectors are not supported by IE (Win and Mac).
• Opera up to version 8.5 does not support the CSS 3 syntax.
• IE 7 beta preview (win) now supports attribute selectors. The browser does seem to have problems with attribute selectors targetting form controls, such as input[type="text"], as mentioned in this report on the CSS-D mailing list. Bear in mind, these are preliminary assessments.

back to introduction

Last modified: March 16 2006 09:16:04 GMT.

• A [ La Chatte Noire ] development area
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]