So definieren Sie den CSS-ID-Selektor

CSS-ID-Selektor

Der ID-Selektor kann einen bestimmten Stil für HTML-Elemente angeben, die mit einer bestimmten ID gekennzeichnet sind.

ID-Selektor wird mit „#“ definiert. (Empfohlenes Lernen: CSS-Einführungs-Tutorial)

Die folgenden zwei ID-Selektoren, der erste kann die Farbe des Elements als Rot definieren, der zweite kann die Farbe von definieren das Element als Grün:

#red {color:red;}
#green {color:green;}

Im folgenden HTML-Code wird das p-Element mit dem ID-Attribut Rot in Rot und das P-Element mit dem ID-Attribut Grün in Grün angezeigt.

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

Hinweis: Das id-Attribut kann nur einmal pro HTML-Dokument vorkommen.

Separate Selektoren

Der ID-Selektor kann unabhängig funktionieren, auch wenn er nicht zum Erstellen abgeleiteter Selektoren verwendet wird:

#sidebar {
border: 1px dotted #000;
padding: 10px;
}

Gemäß dieser Regel gilt: Das Element mit der ID „Sidebar“ hat einen pixelbreiten schwarzen gepunkteten Rand und wird von 10 Pixeln Abstand umgeben.

Ältere Versionen von Windows-/IE-Browsern ignorieren diese Regel möglicherweise, es sei denn, Sie definieren ausdrücklich das Element, zu dem dieser Selektor gehört:

div#sidebar {
border: 1px dotted #000;
padding: 10px;
}

Das obige ist der detaillierte Inhalt vonSo definieren Sie den CSS-ID-Selektor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!