Heim  >  Artikel  >  Web-Frontend  >  Was wird zum Verbinden von Klassen in CSS3 verwendet?

Was wird zum Verbinden von Klassen in CSS3 verwendet?

WBOY
WBOYOriginal
2021-12-23 17:30:222060Durchsuche

In CSS3 können Sie den Selektor „.class“ verwenden, um eine Verbindung zu einer Klasse herzustellen. Nach Auswahl des angegebenen Elements können Sie den Stil des ausgewählten Elements festlegen ist „.class{ CSS-Stilcode;}“.

Was wird zum Verbinden von Klassen in CSS3 verwendet?

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

Was zum Verbinden von Klassen in CSS3 verwendet werden soll

. Der Klassenselektor wählt Elemente mit einer bestimmten Klasse (Klasse) aus.

Klassenselektoren ermöglichen die Angabe von Stilen unabhängig von Dokumentelementen.

Dieser Selektor kann allein oder in Kombination mit anderen Elementen verwendet werden.

Tipp: Diese Selektoren können erst verwendet werden, nachdem das Dokument entsprechend markiert wurde. Daher erfordert die Verwendung eines der Selektoren in der Regel zunächst einige Überlegungen und Planung.

Um Stile unabhängig vom jeweiligen Designelement anzuwenden, wird am häufigsten ein Klassenselektor verwendet.

Der .class-Selektor ist ein Stil, der eine Klasse für alle Elemente angibt.

Das Beispiel sieht wie folgt aus:

<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>

Ausgabeergebnis:

Was wird zum Verbinden von Klassen in CSS3 verwendet?

(Lernvideo-Sharing: CSS-Video-Tutorial)

Das obige ist der detaillierte Inhalt vonWas wird zum Verbinden von Klassen in CSS3 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn