Heim > Web-Frontend > CSS-Tutorial > Nachdem Sie dies gelesen haben, wird jeder den Unterschied zwischen Klassen- und ID-Selektoren im CSS-Stil „Summary_Experience' verstehen

Nachdem Sie dies gelesen haben, wird jeder den Unterschied zwischen Klassen- und ID-Selektoren im CSS-Stil „Summary_Experience' verstehen

WBOY
Freigeben: 2016-05-16 12:06:40
Original
1856 Leute haben es durchsucht

Sie können Ihre eigenen Selektoren mithilfe der Klassenselektorklasse und der Bezeichnerselektor-ID definieren.

Der Vorteil davon ist, dass Sie das gleiche HTML-Element je nach Klasse oder ID unterschiedlich darstellen können.

In CSS steht vor dem Klassenselektor ein halber englischer Punkt (.) und vor der ID ein halbbreites englisches Nummernzeichen (#).

sieht so aus:

#top { Hintergrundfarbe: #ccc; padding: 1em } .intro { Farbe: rot; Schriftstärke: fett }
HTML mit CSS Verbindungen verwenden die Attribute id und class. So:

Schokoladencurry

Das ist mein Rezept für Curry rein mit Schokolade

Mmm mm mmmm



Der Unterschied zwischen id und class besteht darin, dass id für ein eindeutiges Element verwendet wird, während class für mehr als ein Element verwendet wird.

Sie können Selektoren auch auf ein bestimmtes HTML-Element anwenden, indem Sie den HTML-Selektor voranstellen, sodass p.jam {whatever} auf Absätze mit der Klasse „jam“ angewendet wird.


Ein ID-Name ist normalerweise auf einer Seite eindeutig definiert. Daher wird normalerweise empfohlen, beim Definieren von CSS auf der Seite die Verwendung von class zu verwenden, damit Sie die ID für die am meisten benötigten Elemente wiederverwenden können Verwenden Sie JavaScript für HTML-Elemente usw.
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