Kuo skiriasi CSS parinkiklio klasė ir ID? ID ir klasės naudojimas HTML

Kuo skiriasi CSS parinkiklio klasė ir ID? ID ir klasės naudojimas HTML

Chen Weiliangšiuo metu vykdomasSEO, optimizuoti svetainęWordPresstema.

Nors kai kurias pagrindines HTML ir CSS žinias jau išmokau anksčiau, bet kurį laiką jomis nenaudojau, ypač CSS dalies naudojimą, tai lengva pamiršti.

Taigi, čia įrašykite ir apibendrinkite CSS parinkiklio ID ir klasės skirtumus ir naudojimą:

• ID atitinka #div
• klasė atitinka .div

Skirtumas tarp ID ir klasės

ID aprašymas

• id yra fiksuota žyma, naudojama apibrėžti didesnį tinklalapio stilių, kuris apibrėžiamas #div forma
• Pavyzdžiui: stulpelių padalijimas, viršuje, korpuse, apačioje ir kt.
• Naudojamas apibrėžti konkretų elementą, kuris gali būti rodomas tik vieną kartą puslapyje ir negali būti iškviestas pakartotinai.

klasės aprašymas

• Klasė yra stilių grupė, kuri naudojama detaliems tinklalapio stiliams apibrėžti. Ji apibrėžiama .div forma ir gali būti kartojama.
• Pavyzdžiui: konkretus meniu, teksto eilutė ir pan.
• Tame pačiame puslapyje jį gali pakartotinai iškviesti keli elementai

Pats div parinkiklis neturi savybių. Apibrėždamas savo css, jis valdo kai kuriuos išdėstymus, pvz., div plotį, aukštį, fono spalvą ir teksto dydį.

GenerolasElektroninė komercijaInterneto svetainė,Pastatykite stotįProgramos sugeneruotas html tinklalapis turi realizuoti puslapio išdėstymą per CSS.

Kas yra selektorė?

Kiekvieno CSS stiliaus apibrėžimas susideda iš 2 dalių:

选择器 {样式}

• Dalis prieš {} yra "selektorius".
• „Selektorius“ nurodo {} „stilį“, pagal kurį jis veikia.
• Tai yra, kuriame tinklalapio elemente veikia šis „stilius“?

kodo pavyzdys

Štai kaip pasirinkti class="sidebar" elementą ir jo stilių:

.sidebar
{ 
background-color:black;
}

Štai kaip pasirinkti ir sukurti elementą su id="footer":

#footer
{ 
background-color:black;
}