1. tags recognized by various browsers
| Special labels |
IE6 |
IE7 |
IE8 |
Firefox |
Chrome |
Safari |
| ! Important |
. |
Y |
. |
Y |
. |
. |
| _ |
Y |
. |
. |
. |
. |
. |
| * |
Y |
Y |
. |
. |
. |
. |
| * + |
. |
Y |
. |
. |
. |
. |
| \ 9 |
Y |
Y |
Y |
. |
. |
. |
| \ 0 |
. |
. |
Y |
. |
. |
. |
| Nth-of-type (1) |
. |
. |
. |
. |
Y |
Y |
2. Differences between IE and non-ie browsers
# Div
{
Background : Blue ; /* Non-ie background blue */
Background : Red \ 9 ; /* IE6, IE7, and IE8 background red */
}
3. Differences among IE6, IE7, IE8, FF, chrome, and Safari
# Div
{
Background : Blue ; /* Firefox background blue */
Background : Red \ 9 ; /* IE8 background red */
* Background : Black ; /* IE7 black background */
_ Background : Orange ; /* IE6 Background orange */
/* Internet Explorer [\ 9], Internet Explorer 6 and Internet Explorer 7 [*], and Internet Explorer 6 can recognize [_]. Therefore, writing it down in order will allow the browser to correctly read the CSS syntax that you can understand. */
}
Body: Nth-of-type (1) P {color: red;}/* chrome, Safari support */