1. Klasse ist die Klasse, die die Beschriftung festlegt. Das Klassenattribut wird verwendet, um anzugeben, zu welcher Stilklasse das Element gehört.
Sie können beispielsweise .content1 { color: red; background: #ff80c0 } zum Stylesheet hinzufügen.
id ist der Bezeichner des eingestellten Labels. Das id-Attribut wird verwendet, um einen eindeutigen Stil eines Elements zu definieren. Beispielsweise wird eine CSS-Regel #content2 {font-size:larger} wie folgt verwendet: id="content2"
Vom Konzept her sind sie unterschiedlich (die folgenden beiden Sätze sind relativ ähnlich Insightful):
Klasse ist ein Stil, der zuerst definiert werden muss und dann auf mehrere Strukturen/Inhalte angewendet werden kann.
Einfach wiederzuverwenden. Mit anderen Worten: Die Klassennamen können gleich sein.
id ist ein Tag, der zur Unterscheidung verschiedener Strukturen und Inhalte verwendet wird, genau wie Ihr Name, Wenn sich in einem Haus zwei Personen mit demselben Namen befinden, kommt es zu Verwirrung auftreten ;id findet zuerst die Struktur/den Inhalt und definiert dann den Stil dafür;
2. Attributprioritätsproblem
Die Priorität der ID ist höher als die der Klasse. Sie können selbst ein Beispiel schreiben, um es zu sehen. Ein Teil des Codes lautet wie folgt ( wurde von mir geschrieben, nicht vom ursprünglichen Autor ):
<html>
<head>
<style type="text/css">
#aa
{
color:red
}
.aa
{
color:blue
}
</style>
</head>
<body>
<p id="aa" class="aa">I love you.</p>
</body>
</html>3. Über js
Wenn Sie Skriptoperationen (js) für ein Objekt auf der Seite ausführen möchten, können Sie eine ID dafür definieren, andernfalls können Sie nur das Durchlaufen der Seitenelemente verwenden und Spezifizieren Es ist eine relative Zeit- und Ressourcenverschwendung, es anhand bestimmter Attribute zu finden, und es ist weitaus weniger einfach als eine ID.
Das obige ist der detaillierte Inhalt vonCSS: Was ist der Unterschied zwischen Klasse und ID in div?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
