Hva er forskjellen mellom CSS-velgerklasse og id? id og klassebruk i HTML

Hva er forskjellen mellom CSS-velgerklasse og id? id og klassebruk i HTML

Chen Weiliangkjører for tidenSEO, optimalisere nettstedetsWordPresstema.

Selv om jeg har lært litt grunnleggende HTML- og CSS-kunnskap før, men jeg har ikke brukt det på en stund, spesielt CSS-delen, er det lett å glemme.

Så, registrer og oppsummer forskjellen og bruken av CSS-velger-ID og klasse her:

• id tilsvarer #div
• klasse tilsvarer .div

Forskjellen mellom id og klasse

id-beskrivelse

• id er en fast kode, som brukes til å definere den større stilen på nettsiden, som er definert i form av #div
• For eksempel: dele kolonner, topp, kropp, bunn, etc...
• Brukes til å definere et spesifikt element, som bare kan vises én gang per side og ikke kan kalles gjentatte ganger.

klassebeskrivelse

• Klasse er en stilgruppe som brukes til å definere de detaljerte stilene på nettsiden, den er definert i form av .div og kan gjentas.
• For eksempel: en spesifikk meny, en tekstlinje osv...
• På samme side kan det kalles gjentatte ganger av flere elementer

Selve div-velgeren har ingen egenskaper. Ved å definere sin css, kontrollerer den enkelte layouter som bredde, høyde, bakgrunnsfarge og tekststørrelse på div.

GenerellE-handelnettsted,bygge en nettsideHTML-nettsiden som genereres av programmet er å realisere sideoppsettet gjennom CSS.

Hva er en velger?

Definisjonen av hver CSS-stil består av 2 deler:

选择器 {样式}

• Delen før {} er "velgeren".
• "Velgeren" angir "stilen" til {} som den fungerer for.
• Det vil si, på hvilket element på nettsiden fungerer denne "stilen"?

kodeeksempel

Slik velger og stiler du et class="sidebar"-element:

.sidebar
{ 
background-color:black;
}

Slik velger og stiler du et element med id="footer":

#footer
{ 
background-color:black;
}