.css3selectors th, .explain {background-color:#FFFF66; padding:4px; }
.css3selectors td {padding:4px;}
.css3selectors td.compliant {background-color:#009900;}
.css3selectors td.iffy {background-color:#FF9900;}
.css3selectors td.noncompliant {background-color:#FF0000;}
Update 6/30/09: Firefox 3.5 was released today. Like Safari 3.1 and newer (including Safari 4 beta), Opera 9.64 and newer and Google Chrome all support ALL CSS2.1 and CSS3 selectors. Here is a breakdown of all the browsers I’ve tested:
Green / √ means current support.
Orange / Δ means that the browsers have some support for the selector.
Red / Χ means that the browser is non-compliant.
| Browsers | |||||||||
|---|---|---|---|---|---|---|---|---|---|
| Pattern | Meaning | IE6 | IE7 | IE8 | FireFox | Safari | Opera | NetSc | CHROME |
| E:active
E:hover E:focus | Dynamic pseudo-classes
Matches E during certain user actions. | Δ | Δ | √ | √ | √ | √ | √ | √ |
| Δ | Δ | √ | √ | √ | √ | √ | √ | ||
| Χ | Χ | √ | √ | √ | √ | √ | √ | ||
| E:before
E:after | Static pseudo-classes See generated content | Χ | Χ | √ | √ | √ | √ | √ | √ |
| Χ | Χ | √ | √ | √ | √ | √ | √ | ||
