Was bedeutet CSS-Klasse?

css-Klasse bedeutet Klassenselektor, der zum Auswählen von Elementen mit einer bestimmten Klasse verwendet wird. Der Klassenselektor wird mit einem Punkt angezeigt und seine Verwendungssyntax lautet wie folgt: „.center {text-align: center}“. Alle HTML-Elemente mit der Center-Klasse sind alle zentriert.

Die Betriebsumgebung dieses Tutorials: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Empfohlen: CSS-Video-Tutorial

In CSS bezieht sich „Klasse“ auf den Klassenselektor, der zum Auswählen von Elementen mit einer bestimmten Klasse (Klasse) verwendet wird; der Klassenselektor wird mit einem Punkt angezeigt, zum Beispiel „.center“ .

.center {text-align: center}

Im obigen Beispiel sind alle HTML-Elemente mit der Center-Klasse zentriert.

Im folgenden HTML-Code haben sowohl h1- als auch p-Elemente die Center-Klasse. Das bedeutet, dass beide die Regeln im „.center“-Selektor befolgen.

<h1 class="center">
This heading will be center-aligned
</h1>
<p class="center">
This paragraph will also be center-aligned.
</p>

Hinweis: Zahlen können nicht als erstes Zeichen des Klassennamens verwendet werden! Es funktioniert nicht in Mozilla oder Firefox.

Like id, class kann auch als abgeleiteter Selektor verwendet werden:

.fancy td {
color: #f60;
background: #666;
}

Im obigen Beispiel zeigen die Tabellenzellen innerhalb des größeren Elements mit dem Klassennamen fancy orangen Text mit grauem Hintergrund an. (Ein größeres Element mit dem Namen fancy könnte eine Tabelle oder ein Div sein)

Elemente können auch basierend auf ihrer Klasse ausgewählt werden:

td.fancy {
color: #f60;
background: #666;
}
<td class="fancy">

Im obigen Beispiel wäre eine Tabellenzelle mit dem Klassennamen fancy Orange auf grauem Hintergrund.

Das obige ist der detaillierte Inhalt vonWas bedeutet CSS-Klasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!