Typselektoren
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Der CSS-Typselektor stimmt mit Elementen anhand des Knotennamens überein. Mit anderen Worten, er wählt alle Elemente des angegebenen Typs innerhalb eines Dokuments aus.
css
/* All <a> elements. */
a {
color: red;
}
Typselektoren können namespaced werden, wenn @namespace verwendet wird. Dies ist nützlich bei Dokumenten, die mehrere Namespaces enthalten, wie HTML mit eingebettetem SVG oder MathML, oder XML, das mehrere Vokabulare mischt.
ns|h1- entspricht<h1>-Elementen im Namespace ns*|h1- entspricht allen<h1>-Elementen|h1- entspricht allen<h1>-Elementen ohne deklarierten Namespace
Syntax
css
element { style properties }
Beispiele
CSS
css
span {
background-color: skyblue;
}
HTML
html
<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>
Ergebnis
Namespaces
In diesem Beispiel wird der Selektor nur <h1>-Elemente im Beispiel-Namespace übereinstimmen.
css
@namespace example url("http://www.example.com/");
example|h1 {
color: blue;
}
Spezifikationen
| Specification |
|---|
| Selectors Level 4 # type-selectors |
Browser-Kompatibilität
Loading…