Heim > Web-Frontend > Front-End-Fragen und Antworten > Was ist der Unterschied zwischen ID und Klasse in HTML?

Was ist der Unterschied zwischen ID und Klasse in HTML?

青灯夜游
Freigeben: 2021-11-18 11:19:31
Original
16869 Leute haben es durchsucht

Unterschiede: 1. Der Umfang der Klasse ist größer als der der ID und kann nur einmal auf einer Seite aufgerufen werden, während die Klasse mehrmals aufgerufen werden kann. 2. Der Stilselektor von CSS, der der ID entspricht, ist „; #" und der Stilselektor, der der Klasse in CSS entspricht, ist „."; 3. Die Priorität des ID-Selektors ist höher als die des Klassenselektors.

Was ist der Unterschied zwischen ID und Klasse in HTML?

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

Vergleich von Klasse und ID in HTML:

1. Der Wirkungsbereich ist unterschiedlich:

Der Umfang der Klasse ist größer als die ID. Die ID stellt eine eindeutige Kennung dar, genau wie unser persönlicher Personalausweis , ist eindeutig und kann nur einmal auf einer Seite aufgerufen werden. Im Allgemeinen verfügt eine Webseite nicht über zwei oder mehr IDs. Der Umfang der Klasse ist breiter. Klasse ist eine Klassenbezeichnung und kann in einer Schnittstelle mehrmals aufgerufen werden. Kann wiederverwendet werden.

2. Die verwendete Syntax ist unterschiedlich:

Wie man den ID-Selektor in CSS verwendet, z. B. div als Beispiel: (Zum Beispiel gibt es div id=‘i’…div class=‘c’…zwei div-Boxen und die Methode zum Zitieren in CSS ist wie folgt:)

.c{
属性:属性值;
} 
#i{
属性:属性值;
}
Nach dem Login kopieren

3. Die Prioritäten sind unterschiedlich:

Die Priorität des ID-Selektors ist höher als die Priorität des Klassenselektors. Für wichtigere können Sie den ID-Selektor verwenden.

Empfohlenes Tutorial: „HTML-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen ID und Klasse in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage