Vad är skillnaden mellan CSS-väljarklass och id? id och klassanvändning i HTML

Vad är skillnaden mellan CSS-väljarklass och id? id och klassanvändning i HTML

Chen Weiliangkörs för närvarandeSEO, optimera webbplatsenshood.discounttema.

Även om jag har lärt mig en del grundläggande HTML- och CSS-kunskaper tidigare, men jag har inte använt det på ett tag, särskilt CSS-delen, är det lätt att glömma.

Så, registrera och sammanfatta skillnaden och användningen av CSS-väljar-id och klass här:

• id motsvarar #div
• klass motsvarar .div

Skillnaden mellan id och klass

id-beskrivning

• id är en fast tagg, som används för att definiera den större stilen på webbsidan, som definieras i form av #div
• Till exempel: dela kolumner, topp, kropp, botten, etc...
• Används för att definiera ett specifikt element, som bara kan visas en gång per sida och inte kan anropas upprepade gånger.

klassbeskrivning

• Klass är en stilgrupp, som används för att definiera de detaljerade stilarna på webbsidan, den definieras i form av .div och kan upprepas.
• Till exempel: en specifik meny, en textrad, etc...
• På samma sida kan den anropas upprepade gånger av flera element

Själva div-väljaren har inga egenskaper. Genom att definiera sin css styr den vissa layouter som bredd, höjd, bakgrundsfärg och textstorlek på div.

AllmänE-handelhemsida,bygga en webbplatsHTML-webbsidan som genereras av programmet är att realisera sidlayouten genom CSS.

Vad är en väljare?

Definitionen av varje CSS-stil består av 2 delar:

选择器 {样式}

• Delen före {} är "väljaren".
• "Väljaren" indikerar "stilen" för {} som den agerar för.
• Det vill säga, på vilket element på webbsidan fungerar denna "stil"?

kodexempel

Så här väljer och stilar du ett class="sidebar"-element:

.sidebar
{ 
background-color:black;
}

Så här väljer och stilar du ett element med id="footer":

#footer
{ 
background-color:black;
}