Wat ass den Ënnerscheed tëscht CSS Selektor Klass an ID? id a Klass Benotzung an HTML

Wat ass den Ënnerscheed tëscht CSS Selektor Klass an ID? id a Klass Benotzung an HTML

Chen Weiliangaktuell ausféierenAm Prinzip, optiméiert de SiteWordPressThema.

Och wann ech e puer Basis HTML an CSS Wëssen geléiert hunn, awer ech hunn et net laang operéiert, besonnesch d'CSS Deel Benotzung, ass et einfach ze vergiessen.

Also notéiert a resüméiert den Ënnerscheed an d'Benotzung vun der CSS Selektor ID a Klass hei:

• ID entsprécht #div
• Klass entsprécht .div

Den Ënnerscheed tëscht ID a Klass

id Beschreiwung

• id ass e fixen Tag, dee benotzt gëtt fir de gréissere Stil op der Websäit ze definéieren, deen a Form vun #div definéiert ass
• Zum Beispill: Spalten opdeelen, uewen, Kierper, ënnen, etc ...
• Benotzt fir e spezifescht Element ze definéieren, dat nëmmen eemol pro Säit erschéngen kann an net ëmmer erëm opgeruff ka ginn.

Klass Beschreiwung

• Klass ass eng Stilgrupp, déi benotzt gëtt fir déi detailléiert Stiler op der Websäit ze definéieren.Et ass definéiert a Form vun .div a ka widderholl ginn.
• Zum Beispill: e spezifesche Menü, eng Textlinn, etc ...
• Op der selwechter Säit kann et ëmmer erëm vun e puer Elementer genannt ginn

Den Div Selector selwer huet keng Properties. Andeems hien seng CSS definéiert, kontrolléiert hien e puer Layouten wéi Breet, Héicht, Hannergrondfaarf an Textgréisst vun der Div.

AllgemengE-CommerceWebsäit,eng Websäit bauenD'html Websäit generéiert vum Programm ass fir de Säit Layout duerch CSS ze realiséieren.

Wat ass e Selektor?

D'Definitioun vun all CSS Stil besteet aus 2 Deeler:

选择器 {样式}

• Den Deel virum {} ass de "selector".
• De "Selecteur" weist de "Stil" vun {} un, op deen et handelt.
• Dat ass, op wéi engem Element vun der Websäit funktionnéiert dësen "Stil"?

Code Beispill

Hei ass wéi Dir e Class="Sidebar" Element wielt a stiléiert:

.sidebar
{ 
background-color:black;
}

Hei ass wéi Dir en Element mat id = "Footer" auswielt a stiléiert:

#footer
{ 
background-color:black;
}