Hvad er forskellen mellem CSS-vælgerklasse og id? id og klassebrug i HTML

Hvad er forskellen mellem CSS-vælgerklasse og id? id og klassebrug i HTML

Chen Weiliangfor nylig henrettetSEO, for at optimere sidensWordPresstema.

Selvom jeg har lært nogle grundlæggende HTML- og CSS-viden før, men jeg har ikke brugt det i et stykke tid, især CSS-delen, er det let at glemme.

Så optag og opsummer forskellen og brugen af ​​CSS-vælger-id og -klasse her:

• id svarer til #div
• klasse svarer til .div

Forskellen mellem id og klasse

id beskrivelse

• id er et fast tag, som bruges til at definere den større stil på websiden, som er defineret i form af #div
• For eksempel: opdeling af kolonner, top, krop, bund osv...
• Det bruges til at definere et bestemt element, som kun kan vises én gang pr. side og ikke kan kaldes gentagne gange.

klassebeskrivelse

• Klasse er en stilgruppe, som bruges til at definere de detaljerede stilarter på websiden.Den er defineret i form af .div og kan gentages.
• For eksempel: en bestemt menu, en tekstlinje osv...
• På samme side kan det kaldes gentagne gange af flere elementer

Selve div-vælgeren har ingen egenskaber. Ved at definere dens css, styrer den nogle layouts såsom bredde, højde, baggrundsfarve og tekststørrelse på div.

GenerelE-handelinternet side,bygge en hjemmesideHTML-websiden, der genereres af programmet, skal realisere sidelayoutet gennem CSS.

Hvad er en vælger?

Definitionen af ​​hver CSS-stil består af 2 dele:

选择器 {样式}

• Delen før {} er "vælgeren".
• "Vælgeren" angiver "stilen" af {}, som den fungerer efter.
• Det vil sige, på hvilket element af websiden fungerer denne "stil"?

kode eksempel

Sådan vælger og styles et class="sidebar"-element:

.sidebar
{ 
background-color:black;
}

Sådan vælger og styles et element med id="footer":

#footer
{ 
background-color:black;
}