id stellt den ID-Selektor in CSS dar. Der ID-Selektor ermöglicht die Angabe von Stilen unabhängig von Dokumentelementen; das HTML-Element verwendet das id-Attribut, um den id-Selektor festzulegen, während der id-Selektor in CSS mit „#“ beginnt. , auch Schachbrettzahl oder Nummernzeichen genannt.
Empfohlen: „CSS-Video-Tutorial“
CSS-ID-Selektor
In mancher Hinsicht ähneln ID-Selektoren den Klassenselektoren, es gibt jedoch einige wichtige Unterschiede.
Syntax
HTML-Elemente verwenden das id-Attribut, um den id-Selektor festzulegen. In CSS wird der id-Selektor mit „#“ definiert – auch bekannt als Schachbrettzahl oder Nummernzeichen.
Bitte beachten Sie die folgenden Regeln:
*#intro {font-weight:bold;}Wie Klassenselektoren können Wildcard-Selektoren in ID-Selektoren ignoriert werden. Das vorherige Beispiel könnte auch wie folgt geschrieben werden:
#intro {font-weight:bold;}Der Effekt dieses Selektors ist derselbe.
Der zweite Unterschied besteht darin, dass sich der ID-Selektor nicht auf den Wert des Klassenattributs bezieht. Es besteht kein Zweifel, dass er sich auf den Wert im ID-Attribut bezieht.
Verwendung:
html
<div class="to">
<p id="dog">指定具有id元素的样式</p>
</div>
css
#dog{
background-color: aqua;
}Groß-/Kleinschreibung beachten
Bitte beachten Sie, dass bei Klassenselektoren und ID-Selektoren möglicherweise die Groß-/Kleinschreibung beachtet wird. Dies hängt von der Sprache des Dokuments ab. HTML und XHTML definieren Klassen- und ID-Werte unter Berücksichtigung der Groß- und Kleinschreibung, sodass die Groß- und Kleinschreibung von Klassen- und ID-Werten mit den entsprechenden Werten im Dokument übereinstimmen muss.
Für das folgende CSS und HTML wird das Element also nicht fett dargestellt:
#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>Der Selektor stimmt aufgrund der unterschiedlichen Groß- und Kleinschreibung des Buchstabens i nicht mit dem obigen Element überein.
Das obige ist der detaillierte Inhalt vonWas bedeutet ID in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
