Koja je razlika između klase CSS selektora i id-a? korištenje id-a i klase u HTML-u

Koja je razlika između klase CSS selektora i id-a? korištenje id-a i klase u HTML-u

Chen Weiliangtrenutno se izvršavaSEO, optimizirati web mjestoWordPresstema.

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

Dakle, ovdje zabilježite i sažmite 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, koji je definiran u obliku #div
• Na primjer: razdjelni stupci, 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 pozivati ​​više puta.

opis klase

• Class je grupa stilova koja se koristi za definiranje detaljnih stilova na web stranici, definirana je u obliku .div i može se ponavljati.
• Na primjer: određeni izbornik, redak teksta itd...
• Na istoj stranici može se pozivati ​​višestruko više elemenata

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

OpćenitoE-trgovinaweb stranica,izraditi web stranicuHTML web stranica koju generira program treba realizirati izgled stranice putem CSS-a.

Što je selektor?

Definicija svakog CSS stila sastoji se od 2 dijela:

选择器 {样式}

• Dio prije {} je "selektor".
• "Selektor" označava "stil" {} prema kojem djeluje.
• Odnosno, na kojem elementu web stranice funkcionira ovaj "stil"?

primjer koda

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

.sidebar
{ 
background-color:black;
}

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

#footer
{ 
background-color:black;
}