Was ist der Klassenselektor in CSS3?

In CSS3 bezieht sich der Klassenselektor auf den Klassenselektor, der es ermöglicht, Stile unabhängig von Dokumentelementen anzugeben. Er wird verwendet, um den Stil einer Gruppe von Elementen zu beschreiben und kann in mehreren Elementen verwendet werden. Der Klassenselektor wird durch das Klassenattribut in HTML und einen Punkt „.“ in CSS dargestellt.

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

In CSS3 bezieht sich der Klassenselektor auf den Klassenselektor, der einer der grundlegendsten Selektoren ist.

Mit dem Klassenselektor können Sie Stile unabhängig von Dokumentelementen festlegen. Er wird zur Beschreibung des Stils einer Gruppe von Elementen verwendet und kann in mehreren Elementen verwendet werden.

Der Klassenselektor wird durch das Klassenattribut in HTML dargestellt. In CSS wird der Klassenselektor mit einem Punkt „.“ angezeigt:

HTML-Code

<h1 id="标题居中">标题居中</h1>
<p class="center">段落居中。</p>

CSS-Code

.center{text-align:center;}

Hinweis: Klassennummern können nicht sein als erstes Zeichen des Namens verwendet! Es funktioniert nicht in Mozilla oder Firefox.

Der Klassenselektor kann allein oder in Kombination mit anderen Selektoren 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 auf grauem Hintergrund an. (Das größere Element namens fancy könnte eine Tabelle oder ein Div sein)

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

Im obigen Beispiel ist die Tabellenzelle mit dem Klassennamen fancy orange mit grauem Hintergrund.

(Teilen von Lernvideos: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas ist der Klassenselektor in CSS3?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!