Der Unterschied zwischen ID und Klasse. Sollte ich Klasse oder ID verwenden?

In den beiden vorherigen Artikeln haben wir über das relevante Wissen und die Verwendung von Klasse und ID gesprochen, aber wie sollten wir in tatsächlichen Projekten Klasse oder ID wählen?

Lassen Sie uns zunächst die Unterschiede zwischen den beiden betrachten!

1. Die ID ist eindeutig und die Klasse ist universell, sodass dieselbe ID nur einmal auf einer Seite verwendet werden kann, während die Klasse ohne Einschränkung verwendet werden kann.

2.id hat eine höhere Priorität als Klasse! Wie folgt:

2. #p1{ Farbe:rot}

3. .p2{Farbe:grün}

4. Dies ist ein Absatz

Das Obige ist ein Beispiel im p-Element Der Text ist Rot statt Grün, weil die Priorität der ID höher ist als die der Klasse.

Tatsächlich ist die Verwendung von ID und Klasse recht einfach, aber wenn Sie eleganten CSS-Code schreiben möchten, müssen Sie einige Dinge beachten. Das Projekt, an dem ich gerade arbeite, übernimmt das agile Modell und mehrere Leute arbeiten zusammen, um es zu entwickeln.
Das Schlimmste ist, dass die ID und die Klasse überall im gesamten HTML-Dokument vorkommen, was eine Gefahr darstellt pflegen! Kürzlich habe ich die Erfahrung von jemandem mit der Verwendung von ID und Klasse gesehen. Die Zusammenfassung lautet wie folgt:

CSS ist nur in der Klasse geschrieben und verfügt über spezielle Klassennamen, die eindeutig sind Priorisiert. Zu hoch wird nur als Hook für den Betrieb von dom ohne Hinzufügen von Stilen verwendet. Der Klassenname der
-Operation wird im Allgemeinen nicht von js bestimmt wie der Ausweis. Dies eignet sich besser für umfangreiche Wartungs- und Langzeititerationsprojekte mit mehreren Personen.
Der Klassenname von CSS ist vollständig von der ID und der Klasse des JS-Betriebs getrennt Die Produktinteraktionslogik beeinflusst sich nicht gegenseitig und ist daher leicht zu warten.

Um es zusammenzufassen: JS versucht, ID so weit wie möglich zu bedienen, und Klasse versucht, CSS so weit wie möglich zu bedienen!

Das muss man natürlich selbst üben! Für mich ist es nur für die Projekte geeignet, an denen ich gerade arbeite! Das war's für die heutige Zusammenfassung. Bitte korrigieren Sie mich bei eventuellen Mängeln.

Weitere Informationen zum Unterschied zwischen ID und Klasse sowie zur Verwendung von Klasse oder ID finden Sie auf der chinesischen PHP-Website!