Wat is it ferskil tusken CSS-selektorklasse en id? id en klassegebrûk yn HTML

Wat is it ferskil tusken CSS-selektorklasse en id? id en klassegebrûk yn HTML

Chen Weiliangop it stuit útfiereSEO, optimalisearje de side'sWordPresstema.

Hoewol ik earder wat basis HTML- en CSS-kennis haw leard, mar ik haw it in skoft net betsjinne, benammen it gebrûk fan CSS-diel, it is maklik te ferjitten.

Dat, registrearje en gearfetsje it ferskil en gebrûk fan CSS-selektor-id en klasse hjir:

• id komt oerien mei #div
• klasse komt oerien mei .div

It ferskil tusken id en klasse

id beskriuwing

• id is in fêste tag, dy't brûkt wurdt om de gruttere styl op 'e webside te definiearjen, dy't definiearre is yn 'e foarm fan #div
• Bygelyks: dielen fan kolommen, boppe, lichem, ûnder, ensfh.
• Wurdt brûkt om in spesifyk elemint te definiearjen, dat mar ien kear per side kin ferskine en net werhelle wurde kin.

klasse beskriuwing

• Klasse is in stylgroep, dy't brûkt wurdt om de detaillearre stilen op 'e webside te definiearjen.It wurdt definiearre yn 'e foarm fan .div en kin werhelle wurde.
• Bygelyks: in spesifyk menu, in rigel tekst, ensfh.
• Op deselde side kin it werhelle wurde troch meardere eleminten

De div-selektor sels hat gjin eigenskippen. Troch syn css te definiearjen, kontrolearret it guon opmaak lykas de breedte, hichte, eftergrûnkleur en tekstgrutte fan de div.

AlgemienE-commercewebside,bouwe in websideDe html-webside generearre troch it programma is om de side-yndieling te realisearjen fia CSS.

Wat is in selector?

De definysje fan elke CSS-styl bestiet út 2 dielen:

选择器 {样式}

• It diel foar de {} is de "selektor".
• De "selektor" jout de "styl" oan fan {} dêr't it op hannelet.
• Dat is, op hokker elemint fan 'e webside wurket dizze "styl"?

koade foarbyld

Hjir is hoe't jo in class="sidebar"-elemint selektearje en stylearje:

.sidebar
{ 
background-color:black;
}

Hjir is hoe't jo in elemint selektearje en stylearje mei id="footer":

#footer
{ 
background-color:black;
}