Heim >Web-Frontend >CSS-Tutorial >Was ist der Unterschied zwischen ID-Selektor und Klassenselektor?
Was ist der Unterschied zwischen ID-Selektor und Klassenselektor?
- 清浅Original
- 2018-12-14 13:23:279889Durchsuche
Der Unterschied besteht darin, dass der ID-Selektor nur einmal im Dokument verwendet werden kann und der Klassenselektor mehrmals verwendet werden kann. Der Klassenselektor kann mehrere Attribute für dasselbe Element gleichzeitig festlegen , aber der ID-Selektor kann nicht
Wenn ich normalerweise Code schreibe und div und CSS verwende, um Webseiten zu erstellen, verwende ich immer Klassen- und ID-Selektoren, um CSS-Stile festzulegen. Im folgenden Artikel werde ich die Verwendung von vorstellen Klassen- und ID-Selektoren. Und ihre Unterschiede haben einen gewissen Referenzeffekt. Ich hoffe, dass sie für alle hilfreich sind
[Empfohlene Kurse: CSS-Kurs]
ID-Selektor
id identifiziert ein Element eindeutig, kann nur einmal in einer Datei vorkommen und kann es auch sein sehr genau gefunden Vor dem ID-Selektor eines bestimmten Elements steht ein #-Zeichen
Fügen Sie Stile zu HTML-Dokumenten über den ID-Selektor in CSS hinzu
Beispiel:
<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID选择器</div>
</body>Rendering:
Klassenselektor
Der Klassenselektor ermöglicht die Angabe von Stilen unabhängig vom Dokumentelement und kann kann alleine verwendet werden, kann auch in Kombination mit anderen Elementen verwendet werden
Der Klassenselektor hat ein „.“ davor
Beispiel
<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class选择器</div>Rendering:
Der Unterschied zwischen ID-Selektor und Klassenselektor
(1) Anzahl der Dokumentverwendungen: Der ID-Selektor kann während des Unterrichts nur einmal verwendet werden Selektor kann mehrfach verwendet werden
(2) Sie können den Klassenselektor verwenden, um mehrere Stile für ein Element gleichzeitig festzulegen, der ID-Selektor ist jedoch nicht zulässig
Zusammenfassung : Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dieser Artikel kann jedem helfen, den ID-Selektor und den Klassenselektor zu verstehen.
Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen ID-Selektor und Klassenselektor?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!