Heim > Web-Frontend > HTML-Tutorial > Was ist der Unterschied zwischen Klasse und ID?

Was ist der Unterschied zwischen Klasse und ID?

php中世界最好的语言
Freigeben: 2017-11-22 16:17:48
Original
5948 Leute haben es durchsucht

Was ist der Unterschied zwischen

id und class? Was bedeutet ID? Was bedeutet Klasse? Heute stellen wir Ihnen diese beiden leicht zu verwechselnden Konzepte vor

Sie können sehen, dass id und class in div, span, p tag, h1, h2 und anderen Tags sehr häufig verwendete Tags sindEigenschaften.

<div id="header"></div> 
<div class="menu"></div>
Nach dem Login kopieren

Das Obige ist, was wir oft in div-Tags sehen. „Header“ und „Menü“ sind benutzerdefinierte CSS-Namen. (Achten Sie auf die Groß-/Kleinschreibung der CSS-Benennung und benennen Sie CSS nicht mit einer Zahl)

Erklärung zur Verwendung von ID und Klasse

1. Unterschiede in der Verwendung

id ist auf einer Webseite eindeutig. Derselbe Name kann nur einmal verwendet werden; Klassen mit dem Namen

class können unzählige Male auf einer Webseite verwendet werden.

2. Unterschiede im CSS

id im CSS-Code ist eine Klasse, die mit dem Nummernzeichen „#“ beginnt.

Klasse wird im CSS-Code mit „.“ benannt mit Kleinbuchstaben-Punktsymbolen

Was bedeuten ID und Klasse?

Sowohl ID als auch Klasse können in jedem Tag auf einer Webseite verwendet werden. Im Allgemeinen werden IDs für wichtigere Teile und spezielle Boxen verwendet, während Klassen für kleine, unwichtige Teile oder kleine Strukturen verwendet werden. id ruft den Stilselektor mit dem Namen „#“ in CSS auf, und class ruft den Stilselektor mit dem Namen „.“ auf.

Ich glaube, dass jeder durch diesen Artikel einen tiefen Eindruck von seinen Unterschieden bekommen sollte. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website anderen verwandten Artikeln!

Verwandte Lektüre:

Was ist pseudostatisch?


So zeigen Sie den Quellcode an von HTML-Webseiten


HTML5-Textsperreffekt

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Klasse und ID?. 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