Wat is het verschil tussen CSS-selectorklasse en id? id en klassegebruik in HTML

Wat is het verschil tussen CSS-selectorklasse en id? id en klassegebruik in HTML

Chen Weiliangmomenteel aan het uitvoerenSEO, optimaliseer de site'sWordPressthema.

Hoewel ik al wat basiskennis van HTML en CSS heb geleerd, maar het al een tijdje niet meer heb gebruikt, vooral het gebruik van het CSS-gedeelte, vergeet ik het gemakkelijk.

Dus noteer en vat het verschil en het gebruik van de CSS-selector-ID en -klasse hier samen:

• id komt overeen met #div
• klasse komt overeen met .div

Het verschil tussen id en klasse

ID-beschrijving:

• id is een vaste tag, die wordt gebruikt om de grotere stijl in de webpagina te definiëren, die is gedefinieerd in de vorm van #div
• Bijvoorbeeld: kolommen verdelen, boven, lichaam, onder, enz...
• Wordt gebruikt om een ​​specifiek element te definiëren, dat slechts één keer per pagina kan verschijnen en niet herhaaldelijk kan worden opgeroepen.

klasse beschrijving

• Klasse is een stijlgroep die wordt gebruikt om de gedetailleerde stijlen in de webpagina te definiëren.Het is gedefinieerd in de vorm van .div en kan worden herhaald.
• Bijvoorbeeld: een specifiek menu, een regel tekst, enz...
• Op dezelfde pagina kan het herhaaldelijk worden aangeroepen door meerdere elementen

De div-selector zelf heeft geen eigenschappen. Door de CSS ervan te definiëren, bestuurt deze enkele lay-outs zoals de breedte, hoogte, achtergrondkleur en tekstgrootte van de div.

AlgemeenE-commercewebsite,een website bouwenDe html-webpagina die door het programma wordt gegenereerd, is om de paginalay-out te realiseren door middel van CSS.

Wat is een selecteur?

De definitie van elke CSS-stijl bestaat uit 2 delen:

选择器 {样式}

• Het gedeelte voor de {} is de "selector".
• De "selector" geeft de "stijl" van {} aan waarop het werkt.
• Dat wil zeggen, op welk element van de webpagina werkt deze "stijl"?

code voorbeeld

Hier leest u hoe u een class="sidebar"-element selecteert en opmaakt:

.sidebar
{ 
background-color:black;
}

Zo selecteer en style je een element met id="footer":

#footer
{ 
background-color:black;
}