Koja je razlika između klase CSS selektora i id-a? id i upotreba klase u HTML-u

Koja je razlika između klase CSS selektora i id-a? id i upotreba klase u HTML-u

Chen Weiliangtrenutno se izvršavaSEO, optimizirajte straniceWordPresstema.

Iako sam ranije naučio neka osnovna znanja o HTML-u i CSS-u, ali nisam koristio neko vrijeme, posebno korištenje CSS dijela, lako se zaboravi.

Dakle, ovdje zabilježite i sumirajte razliku i upotrebu ID-a i klase CSS selektora:

• id odgovara #div
• klasa odgovara .div

Razlika između ID-a i klase

id opis

• id je fiksna oznaka, koja se koristi za definiranje većeg stila na web stranici, koja je definirana u obliku #div
• Na primjer: kolone za podjelu, vrh, tijelo, dno, itd...
• Koristi se za definiranje određenog elementa, koji se može pojaviti samo jednom po stranici i ne može se više puta pozivati.

opis klase

• Class je grupa stilova, koja se koristi za definisanje detaljnih stilova na web stranici.Definisana je u obliku .div i može se ponoviti.
• Na primjer: određeni meni, red teksta, itd...
• Na istoj stranici može se više puta pozivati ​​više puta

Sam selektor div nema svojstva. Definiranjem svog css-a, on kontrolira neke izglede kao što su širina, visina, boja pozadine i veličina teksta diva.

GeneraleE-trgovinaweb stranica,Izgradite stanicuHTML web stranica koju generiše program je da realizuje izgled stranice preko CSS-a.

Šta je selektor?

Definicija svakog CSS stila sastoji se od 2 dijela:

选择器 {样式}

• Dio ispred {} je "selektor".
• "Selektor" označava "stil" {} na koji djeluje.
• Odnosno, na kom elementu web stranice radi ovaj "stil"?

primjer koda

Evo kako odabrati i stilizirati element class="sidebar":

.sidebar
{ 
background-color:black;
}

Evo kako odabrati i stilizirati element sa id="footer":

#footer
{ 
background-color:black;
}