CSS1
CSS2
CSS 3
- : Hover only elements are available in IE6
a .
- E:empty seems to have some minor bugs in the WebKit core browser.
- If the bug persists, you're not sure how to test it.
- IE6 does not support. class1{}.class2{} two-class selectors.
IE8 Precautions:
- E[ATTR] The selector will not take effect when the value is empty or when it is incorrectly written;
- IE8 supports all properties of CSS2.1, supports pseudo-classes, but does not support pseudo-elements.
IE7 compatibility mode in IE8
- E[ATTR] and IE8, when the value is empty or write wrong, invalid;
- E[attr~=val] The only thing to note here is the value of the attribute, which is case-sensitive;
- E[ATTR|=VAL]IE7 has some case-sensitive issues, but it can usually be used normally;
- : First-child IE7 will treat a comment or text node as First-child, not just the element is the "child" element. So, if there is a comment or text before the first child element, IE7 will match instead of matching the first child element.
Safari/chrome
- Safari3.2 (which in fact dates back to 3.1) has fully supported all CSS selectors.
- Safari3.0 basically supports CSS 2 selectors, but does not support CSS3 most of the new selectors, and support for property selectors is not complete .
- Safari in the iphone has 3.0 and 3.2 two versions, and support for CSS is consistent with the PC/MAC version.
- The Android system comes with a browser that is basically based on the WebKit core, and its support for CSS selectors is being tested.
It's easy to see the chain.
Original: http://labs.qianduan.net/css-selector/
