The CSS type selector matches elements by node name. In other words, it selects all elements of the given type within a document.
/* All <a> elements. */
a {
color: red;
} element { style properties }
span {
background-color: skyblue;
}
<span>Here's a span with some text.</span> <p>Here's a p with some text.</p> <span>Here's a span with more text.</span>
| Specification | Status | Comment |
|---|---|---|
| Selectors Level 4 The definition of 'Type (tag name) selector' in that specification. | Working Draft | No changes |
| Selectors Level 3 The definition of 'type selectors' in that specification. | Recommendation | No changes |
| CSS Level 2 (Revision 1) The definition of 'type selectors' in that specification. | Recommendation | |
| CSS Level 1 The definition of 'type selectors' in that specification. | Recommendation | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | 1 | 12 | 1 | Yes | Yes | Yes |
Namespaces (ns|elementName) |
Yes | Yes | 1 | 9 | 8 | 1.3 |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | Yes | Yes | 4 | Yes | Yes | Yes |
Namespaces (ns|elementName) |
Yes | Yes | Yes | 4 | Yes | Yes | Yes |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Type_selectors