Inona no maha samy hafa ny CSS selector class sy id? id sy ny fampiasana kilasy amin'ny HTML

Inona no maha samy hafa ny CSS selector class sy id? id sy ny fampiasana kilasy amin'ny HTML

Chen Weiliangmanatanteraka amin'izao fotoana izaoSEO, manatsara ny tranokalaWordPresslohahevitra.

Na dia efa nianatra fahalalana fototra HTML sy CSS aza aho taloha, saingy tsy niasa elaela aho, indrindra fa ny fampiasana ampahany amin'ny CSS, dia mora hadino.

Noho izany, raketo ary fintino eto ny fahasamihafana sy ny fampiasana ny ID sy ny kilasy CSS selector:

• id mifanitsy amin'ny #div
• kilasy mifanitsy amin'ny .div

Ny maha samy hafa ny id sy ny kilasy

famaritana id

• id dia marika raikitra, izay ampiasaina hamaritana ny fomba lehibe kokoa amin'ny pejin-tranonkala, izay voafaritra amin'ny endrika #div
• Ohatra: mizara tsanganana, ambony, vatana, ambany, sns...
• Ampiasaina hamaritana singa iray manokana, izay tsy afaka miseho indray mandeha isaky ny pejy ary tsy azo antsoina imbetsaka.

famaritana kilasy

• Ny kilasy dia vondrona style, izay ampiasaina hamaritana ireo fomba amin'ny antsipiriany ao amin'ny pejin-tranonkala. Voafaritra amin'ny endrika .div ary azo averina.
• Ohatra: menu manokana, andalana lahatsoratra, sns...
• Amin'ny pejy iray ihany, dia azo antsoina imbetsaka amin'ny singa maromaro

Ny div selector mihitsy dia tsy manana fananana. Amin'ny famaritana ny css azy, dia mifehy ny fisehon'ny sasany toy ny sakany, ny haavony, ny loko ambadika ary ny haben'ny lahatsoratra amin'ny div.

GeneralE-commercetranonkala,manangana tranonkalaNy pejin-tranonkala html novokarin'ny programa dia ny fanatanterahana ny fisehon'ny pejy amin'ny alàlan'ny CSS.

Inona no atao hoe selector?

Ny famaritana ny fomba CSS tsirairay dia misy ampahany 2:

选择器 {样式}

• Ny ampahany alohan'ny {} dia ny "selector".
• Ny "selector" dia manondro ny "style" an'ny {} izay iasany.
• Izany hoe, amin'ny singa inona amin'ny pejin-tranonkala no miasa ity "style" ity?

ohatra code

Ity ny fomba hifidianana sy hamolavola singa class="sidebar":

.sidebar
{ 
background-color:black;
}

Ity ny fomba hifidianana sy hamolavola singa amin'ny id="footer":

#footer
{ 
background-color:black;
}