Element Selectors
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
.value { sRules } | Class (see Note) | Partial | Partial | Partial | Yes | Yes |
#value { sRules } | ID | Yes | Yes | Yes | Yes | Yes |
E { sRules } | Type | Yes | Yes | Yes | Yes | Yes |
* { sRules } | Universal | No | No | No | Yes | Yes |
Note Prior to Internet Explorer 7, there was a two-class selector limit per element.
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
ns|E { sRules } | Namespaced | No | No | No | No | No |
Attribute Selectors
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
[att=val] { sRules } | Equality [=] | No | No | No | Yes | Yes |
[att] { sRules } | Existence [] | No | No | No | Yes | Yes |
[att|=val] { sRules } | Hyphen [|=] | No | No | No | Yes | Yes |
[att~=val] { sRules } | Whitespace [~=] | No | No | No | Yes | Yes |
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
[ns|attr] { sRules } | Namespaced | No | No | No | Yes | Yes |
[att^=val] { sRules } | Prefix [^=] | No | No | No | Yes | Yes |
[att*=val] { sRules } | Substring [*=] | No | No | No | Yes | Yes |
[att$=val] { sRules } | Suffix [$=] | No | No | No | Yes | Yes |
Combinators
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
E + F { sRules } | Adjacent Sibling (+) | No | No | No | Yes | Yes |
E > F { sRules } | Child (>) | No | No | No | Yes | Yes |
E F { sRules } | Descendant | Yes | Yes | Yes | Yes | Yes |
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
E ~ F { sRules } | General Sibling (~) | No | No | No | Yes | Yes |
Pseudo-classes
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
:active { sRules } | :active | No | No | No | Partial | Yes |
:first-child { sRules } | :first-child | No | No | No | Yes | Yes |
:focus { sRules } | :focus | No | No | No | No | Yes |
:hover { sRules } | :hover | Partial | Partial | Partial | Yes | Yes |
:lang(C) { sRules } | :lang() | No | No | No | No | Yes |
:link { sRules } | :link | Yes | Yes | Yes | Yes | Yes |
:visited { sRules } | :visited | Yes | Yes | Yes | Yes | Yes |
@page :first { sRules } | @page :first | No | No | No | No | Yes |
@page :left { sRules } | @page :left | No | No | No | No | Yes |
@page :right { sRules } | @page :right | No | No | No | No | Yes |
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
:root { sRules } | :root | No | No | No | No | No |
:nth-child() { sRules } | :nth-child() | No | No | No | No | No |
:nth-last-child() { sRules } | :nth-last-child() | No | No | No | No | No |
:nth-of-type() { sRules } | :nth-of-type() | No | No | No | No | No |
:nth-last-of-type() { sRules } | :nth-last-of-type() | No | No | No | No | No |
:last-child { sRules } | :last-child | No | No | No | No | No |
:first-of-type { sRules } | :first-of-type | No | No | No | No | No |
:last-of-type { sRules } | :last-of-type | No | No | No | No | No |
:only-child { sRules } | :only-child | No | No | No | No | No |
:only-of-type { sRules } | :only-of-type | No | No | No | No | No |
:empty { sRules } | :empty | No | No | No | No | No |
:target { sRules } | :target | No | No | No | No | No |
:not(X) { sRules } | :not() | No | No | No | No | No |
:enabled { sRules } | :enabled | No | No | No | No | No |
:disabled { sRules } | :disabled | No | No | No | No | No |
:checked { sRules } | :checked | No | No | No | No | No |
:indeterminate { sRules } | :indeterminate | No | No | No | No | No |
:default { sRules } | :default | No | No | No | No | No |
:valid { sRules } | :valid | No | No | No | No | No |
:invalid { sRules } | :invalid | No | No | No | No | No |
:in-range { sRules } | :in-range | No | No | No | No | No |
:out-of-range { sRules } | :out-of-range | No | No | No | No | No |
:required { sRules } | :required | No | No | No | No | No |
:optional { sRules } | :optional | No | No | No | No | No |
:read-only { sRules } | :read-only | No | No | No | No | No |
:read-write { sRules } | :read-write | No | No | No | No | No |
Pseudo-elements
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
:after { sRules } | :after | No | No | No | No | Yes |
:before { sRules } | :before | No | No | No | No | Yes |
:first-letter { sRules } | :first-letter | No | Yes | Yes | Yes | Yes |
:first-line { sRules } | :first-line | No | Yes | Yes | Yes | Yes |
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
::before { sRules } | ::before | No | No | No | No | No |
::after { sRules } | ::after | No | No | No | No | No |
::first-letter { sRules } | ::first-letter | No | No | No | No | No |
::first-line { sRules } | ::first-line | No | No | No | No | No |
::selection { sRules } | ::selection | No | No | No | No | No |
::value { sRules } | ::value | No | No | No | No | No |
::choices { sRules } | ::choices | No | No | No | No | No |
::repeat-item { sRules } | ::repeat-item | No | No | No | No | No |
::repeat-index { sRules } | ::repeat-index | No | No | No | No | No |
Attributes
CSS 2.1:Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
{ sRule!important } | !important Declaration | Partial | Partial | Partial | Yes | Yes |
Lists
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
{ list-style : sStyle } | list-style | Yes | Yes | Yes | Yes | Yes |
{ list-style-image : sStyle } | list-style-image | Yes | Yes | Yes | Yes | Yes |
{ list-style-position : sStyle } | list-style-position | Yes | Yes | Yes | Yes | Yes |
{ list-style-type : sStyle } | list-style-type | No | No | No | Partial | Yes |
Color and Background
CSS 2.1:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
{ color : sColor } | color | Yes | Yes | Yes | Yes | Yes |
{ background : sBackground } | background | Yes | Yes | Yes | Yes | Yes |
{ background-attachment : sAttachment } | background-attachment | Partial | Partial | Partial | Yes | Yes |
{ background-color : sColor } | background-color | Yes | Yes | Yes | Yes | Yes |
{ background-image : sLocation } | background-image | Yes | Yes | Yes | Yes | Yes |
{ background-position : sPosition } | background-position | Partial | Partial | Partial | Partial | Yes |
{ background-repeat : sRepeat } | background-repeat | Yes | Yes | Yes | Yes | Yes |
CSS 3:
Internet Explorer 5 | Internet Explorer 5.5 | Internet Explorer 6 | Internet Explorer 7 | Internet Explorer 8 | ||
---|---|---|---|---|---|---|
{ color-profile : sProfile } | color-profile | No | No | No | No | No |
{ rendering-intent : sIntent } | rendering-intent | No | No | No | No | No |
{ background : sBackground1, sBackground2, etc. } |
background (multiple) | No | No | No | No | No |
{ background-clip : sClip } | background-clip | No | No | No | No | No |
{ background-origin : sOrigin } | background-origin | No | No | No | No | No |
{ background-break : sBreak } | background-break | No | No | No | No | No |
{ background-size : sSize } | background-size | No | No | No | No | No |