title | slug | page-type | browser-compat |
---|---|---|---|
Type selectors |
Web/CSS/Type_selectors |
css-selector |
css.selectors.type |
{{CSSRef}}
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;
}
Type selectors can be namespaced when using {{CSSXref("@namespace")}}. This is useful when dealing with documents containing multiple namespaces such as HTML with inline SVG or MathML, or XML that mixes multiple vocabularies.
ns|h1
- matches<h1>
elements in namespace ns*|h1
- matches all<h1>
elements|h1
- matches all<h1>
elements without any declared namespace
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>
{{EmbedLiveSample('Examples', '100%', 150)}}
In this example the selector will only match <h1>
elements in the example namespace.
@namespace example url(http://www.example.com/);
example|h1 {
color: blue;
}
{{Specifications}}
{{Compat}}