Începutul CSS
CSS se bazează pe regulile de potrivire a modelului pentru a determina ce stil se aplică elementului din document. Aceste modele se numesc selectori și variază de la numele tagurilor (de exemplu, p pentru a se potrivi cu etichetele paragrafelor) cu modele foarte complicate care se potrivesc cu anumite părți specifice ale unui document (de exemplu, p # myid> b.highlight se potrivește cu orice etichetă b cu o clasă de evidențiere care este un copil al paragrafului cu id myid).
Un selector CSS face parte dintr-un apel în stil CSS care identifică ce parte a paginii web ar trebui să fie decorată. Selectorul conține una sau mai multe proprietăți care definesc modul în care HTML va fi selectat.
Selectorii CSS
Există mai multe tipuri diferite de selectori:
- selectori de tip - potrivirea unui element specific
- selectori de clasă - elemente de potrivire cu o anumită clasă
- Selectori de ID - care corespund elementului cu un ID specific
- descendenți selectori - elemente de măsurare care sunt descendenți ai unui element specific
- selectori de copii - elemente de potrivire care sunt copii ai elementului specific
- selectori universali - potrivirea oricărui element
- adepții elemente de potrivire ale elementelor de sibling imediat precedate de un element specific
- atributele elementelor de potrivire a selectorilor cu un anumit atribut sau valoare de atribut
- selectori de pseudo-clasă-elemente de potrivire cu o anumită clasă pseudo
- selectori pseudo-element-elemente de potrivire cu proprietăți pseudo-element specifice
Formatați stilurile CSS și selectorii CSS
Formatul unui stil CSS arată astfel:
selector {proprietate stil: stil; }
Separați selectori multiple care au același stil cu virgule. Aceasta se numește grupare selectivă. De exemplu:
selector1 , selector2 {proprietate stil: stil; }
Gruparea selectorilor este un mecanism de stenografie care vă păstrează stilurile CSS compacte.
Gruparea de mai sus ar avea același efect ca:
selector1 {proprietate stil: stil; }
selector2 {proprietate stil: stil; }
Testați întotdeauna selectorii CSS
Nu toate browserele acceptă toate selectorii CSS. Deci, asigurați-vă că pentru a testa selectorii în cât mai multe browsere pe cât mai multe sisteme de operare, după cum puteți. Dar dacă utilizați selectori CSS 1 sau CSS2 ar trebui să fiți bine.