CSS selectors — :first-of-type, :last-of-type, :only-of-type

Code used

div#t1 p:first-of-type {background: lime; color:#fff;}
div#t2 p:last-of-type {background: lime; color:#fff;}
div#t3 p:only-of-type {background: lime; color:#fff;}
div#t2 span {border: 1px solid #000;}
div#t2 span:only-of-type {background:blue; color:yellow;}

Notes

• Supported by Konqueror and nightly builds of WebKit (but with painting errors when minimizing windows ?). On the W3C test suite, there are problems with WebKit when the pseudo-class is combined with the negation pseudo-class (e.g. :not(:last-of-type)).
• According to the Codebitch table, this is also supported by the Tasman 1.0 (aka MSN for OS X, successor to IE 5 Mac) rendering engine.

back to introduction

Last modified: September 10 2009 03:09:02 GMT.

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