Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
ID-Selektoren
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 CSSID-Selektor wählt ein Element basierend auf dem Wert desid-Attributs des Elements aus. Damit das Element ausgewählt wird, muss seinid-Attribut exakt mit dem im Selektor angegebenen Wert übereinstimmen.
/* The element with */#demo { border: red 2px solid;}Syntax
#id_value { /* … */}Beachten Sie, dass dies syntaktisch (aber nicht bezüglich der Spezifität) dem folgendenAttributselektor entspricht:
[id="id_value"] { /* … */}Der Wertid_value muss ein gültigerCSS-Bezeichner sein. HTMLid-Attribute, die keine gültigen CSS-Bezeichner sind, müssenescaped werden, bevor sie in ID-Selektoren verwendet werden können.
Beispiele
Gültige ID-Selektoren
HTML
<p>This paragraph has a blue background.</p><p>This is just a regular paragraph.</p><!-- The next two paragraphs have id attributesthat contain characters which must be escaped in CSS --><p>This paragraph has a pink background.</p><p>This paragraph has a yellow background.</p>CSS
#blue { background-color: skyblue;}/* In the next two rules, the id attributes must be escaped */#item\?one { background-color: pink;}#\00003123item { background-color: yellow;}Ergebnis
Ungültige ID-Selektoren
Die ID-Selektoren in den folgenden Regeln sind keine gültigen CSS-Bezeichner und werden ignoriert.
#item?one { background-color: green;}#123item { background-color: green;}Spezifikationen
| Specification |
|---|
| Selectors Level 4 # id-selectors |