Beginning CSS
CSS baséiert op Muster mat Regelen fir Regelen ze bestëmmen, wéi ee Stil fir wat Element am Dokument ass. Dës Mustele sinn Selektoren genannt an si reegelen op Zertifikater (zum Beispill p zu Matchschrëften) bis ganz komplizéiert Modeller déi mat ganz spezifëschen Deeler vun engem Dokument passen (z. B. p # myid> b.highlight ass mat all B mat eng Klasse vum Héichpunkt, dat e Kand vum Paragraf mat der id idid ass).
E CSS selector ass deen Deel vun engem CSS-Stilufel, deen identifizéiert, wéi en Deel vun der Websäit styléiert soll ginn. De Sailéierter enthält eng oder méi Eegeschafte déi definéieren wéi d'gewielte HTML ufänkt.
De CSS Selectors
Et gi verschidden verschidden Zorten vu Selecturen:
- Typ Selektoren - mat engem spezifeschen Element
- Klass-Selektoren-passende Elementer mat enger spezifescher Klass
- ID-Selektoren, déi dem Element mat enger spezifescher Identitéit passen
- Nofolger Selektiouns -Elementer, déi Nokommen vun engem spezifesche Element sinn
- Kanner-Selektoren-passende Elementer, déi e Kand vum spezifesche Element sinn
- Allgemeng Selecturen - mat allgemenge Elementer
- Dee Familljen, déi mat engem selektéierte Element virgestallt ginn, passen dobäi Elementer
- Auteure Selektoren-passende Elementer mat engem spezifeschen Attribut oder Attributwert
- Pseudo-Klassekreesser-passende Elementer mat enger spezifescher Pseudo-Klass
- Pseudo-Element Selektor-passende Elementer mat spezifesche Pseudo-Elementeigenschaften
Format CSS Styles an CSS Selectors
De Format vun engem CSS-Stil gesäit aus wéi:
selector {style property: style; }}
Separéiert verschidde Selektoren, déi de selwechten Stil mat Komma hunn. Dëst gëtt Selektiounsgrupp genannt. Zum Beispill:
selector1 , selector2 {style property: style; }}
Gruppéierter Selektoren ass en opgeschriwwe Mechanismus fir Är CSS Styles compact ze halen.
Déi heibanne Gruppéierung hätt dee selwechte Effekt wéi:
selector1 {style property: style; }}
selector2 {style property: style; }}
Immer Test Är CSS Selectors
Net all Browser ënnerstëtzen all d'CSS Selektoren. Also ass sécher, datt s de Choixen op esou vill Browseren op sou vill Operatiounssystemer wéi Dir kënnt. Awer wann Dir CSS 1 oder CSS2 Selektoren benotzt, sollt Dir gutt sinn.