MYOPERA/ASHUNG

A few CSS3 selectors are already making their way into modern web browsers. Of the browsers tested thus far, Konqueror is the clear leader in implementation, with the Gecko (Mozilla, etc) engine not too far behind. In all cases I have used the latest current browser release, except for Internet Explorer where I’ve used the Beta of IE7 (as IE6 has no support at all).

Rather than go into depth about all the new selectors available in CSS3, you can read more about them in the W3C Selectors Working Draft and the excellent guide at 456 Berea St.

Note: The table below is not an exhaustive list of CSS3 selectors or modern browsers, it is only the beginning of a work in progress. As we continue to test, this table will expand. The tests have been run only on the most basic implementation of the selector, and should not be considered definitive.

1. Gecko 1.8 is the rendering engine for Firefox, Mozilla Suite, Seamonkey, Camino, Flock, etc.
2. For HTML documents, styling :root is the same as styling html.
3. Support for styling checkboxes in Firefox is very limited.
4. Safari and OmniWeb incorrectly apply this to all the selected elements.
5. With browser prefix.
6. Safari and OmniWeb incorrectly treat ：only-child the same as :first-child.

html* {}

html* div {
           
           color: green;          /* for Knoqueror */
           *color: red; /* for IE 6 and 7 */
}