Good times for all

well... almost all

CSS3 attribute selectors give you more hooks for designing your sites. With IE8 on the horizon, it's time to extend your CSS skills past classes, ids, and descending selectors.

Internet Explorer

IE6 = Nada, Nothing, Zip. It will ignore attribute selectors.
IE7 = Attribute Selectors are recognied. No generated content
IE8 = Attribute Selectors AND Geerated Content

Other Browsers

Firefox, Safari, and Opera have pretty good support for Attribute Selectors, Generated Content, and other CSS3 elements

The :first-of-type pseudo-class represents an element that is the first sibling of its type in the list of children of its parent element.