CSS se bazează pe regulile de potrivire a modelului pentru a determina ce stil se aplică elementului din document. Aceste modele sunt numite selectoare și variază de la numele tagurilor (de exemplu,
p pentru a potrivi etichetele paragrafelor) cu modele foarte complicate care se potrivesc cu anumite părți specifice ale unui document (de exemplu,
p # myid> b.highlight ar potrivi oricare
b eticheta cu o clasă de
a sublinia care este un copil al paragrafului cu id-ul
ID-ul meu).
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 - potrivirea elementului cu un ID specific
- descendenții selectori - elemente de potrivire care sunt descendenți ai unui anumit element
- selectori de copii - elemente de potrivire care sunt copii ai elementului specific
- selectori universali - potrivirea oricărui element
- adiacenți selectori de fidelitate - elemente de potrivire imediat precedate de un element specific
- selectori de atribute - elemente de potrivire cu un anumit atribut sau valoare de atribut
- selectori de pseudo-clasă - elemente de potrivire cu o anumită clasă pseudo
- selectori pseudo-elemente - 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; } 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 CSS1 sau CSS2 ar trebui să fiți bine. Testați întotdeauna selectorii CSS
