CSS3: Attribute Selectors

This is a test of the new CSS3 attribute selectors.

Usage

CSS3 adds many new attribute selectors. The ones that I test here are the ^ selector, the $ selector and the * selector. For full details on what these do see the W3C CSS3 Module.
—Side note:
Are you wondering where the W3C came up with ^ and $? It took me a while to realize this but those are Regular Expression characters. So Regular Expressions have been added to another language. They are used in Perl, Javascript, Java, and C and now CSS(3). Cool.

The ^ Selector

Your browser does not support the ^ selector.

Your browser supports the ^ selector.

The $ Selector

Your browser does not support the $ selector.

Your browser supports the $ selector.

The * Selector

PLEASE NOTE that this is not the same as the other universal selector. This is the one for attribute substrings.

Your browser does not support the * attribute selector.

Your browser supports the * attribute selector.

Result

When it comes to attribute selectors, Mozilla and Safari take the cake. They support all of the above selectors. Thanks to Dave Hyatt for sending for info about Safari!