Wie kann festgestellt werden, ob eine ID oder ein Klassenselektor für HTML-Elemente verwendet werden soll? (Beispiel)-CSS-Tutorial-php.cn

Wie kann festgestellt werden, ob eine ID oder ein Klassenselektor für HTML-Elemente verwendet werden soll? (Beispiel)

藏色散人

Freigeben： 2018-08-11 15:27:11

Original

4576 Leute haben es durchsucht

Wenn wir eine Website erstellen, müssen wir den Inhalt der Website gestalten. Wenn wir also CSS-Stile in HTML-Elementen festlegen möchten, wo fangen wir an? Hier müssen wir die ID- und Klassenselektoren im HTML-Element festlegen. Einige unerfahrene Freunde fragen sich vielleicht: Wie verwende ich die CSS-Klasse? Sollte ich id oder class für div-Tags verwenden?

In diesem Artikel erfahren Sie mehr über die Verwendung und den Unterschied zwischen der CSS-Klassenselektor-ID und der Klasse. Ich hoffe, dass diese leicht verständliche Beschreibung von ID und Klasse für alle hilfreich ist.

1. Das Beispiel für die Verwendung des CSS-Selektor-ID-Codes lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        #p1
        {
            text-align:center;
            color:red;
        }
    </style>
</head>
<body>
<p id="p1">css定义id选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt:

Wie kann festgestellt werden, ob eine ID oder ein Klassenselektor für HTML-Elemente verwendet werden soll? (Beispiel)

2. Das Beispiel für die Verwendung des CSS-Klassenselektor-Klassencodes lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        .p1
        {
            text-align:center;
            color: #3262ff;
        }
    </style>
</head>
<body>
<p class="p1">css定义class选择器示例</p>
<p>这一段文字就不会受影响。</p>
</body>
</html>

Nach dem Login kopieren

Der Effekt ist wie folgt:

Wie kann festgestellt werden, ob eine ID oder ein Klassenselektor für HTML-Elemente verwendet werden soll? (Beispiel)

3. id Wird in Verbindung mit der Klasse verwendet, kombinieren Sie einfach die beiden oben genannten Methoden.

Was hier beachtet werden muss ist:

ID wird mit „#“ vorangestellt; id kann nur einmal auf einer Seite verwendet werden; mit einem bestimmten gekennzeichnet sein. Die ID des HTML-Elements gibt einen bestimmten Stil an.

CLASS kann mehrfach mit „class“ referenziert werden.

Der Klassenselektor wird verwendet, um den Stil einer Gruppe von Elementen zu beschreiben. Der Klassenselektor unterscheidet sich vom ID-Selektor und kann in mehreren Elementen verwendet werden.

Ich hoffe, dass die Einführung dieses Artikels in die beiden CSS-Selektoren .class#id für Anfänger hilfreich sein wird, wenn sie sich nicht sicher sind, ob sie class oder id verwenden sollen.

Das obige ist der detaillierte Inhalt vonWie kann festgestellt werden, ob eine ID oder ein Klassenselektor für HTML-Elemente verwendet werden soll? (Beispiel). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!