A CSS kezdete
A CSS a mintázat-egyezési szabályokra támaszkodva meghatározza, hogy melyik stílus vonatkozik a dokumentumban szereplő elemre. Ezeket a mintákat szelektorként nevezik, és a címke nevekből (például p a bekezdés címkékhez) illeszkednek a nagyon specifikus részekhez igazodó nagyon bonyolult mintákhoz (pl. P # myid> b.highlight illeszkedik bármely b címkehez egy osztály a kiemelés, amely a gyermek a bekezdés a id myid).
A CSS-választó egy CSS-stílusú hívás része, amely meghatározza, hogy a weboldal melyik részét kell megcímezni. A választó egy vagy több tulajdonságot tartalmaz, amelyek meghatározzák, hogy a kijelölt HTML formátum hogyan legyen megtervezve.
A CSS választók
Többféle típusú szelektortípus létezik:
- típussorozókat - egy adott elemet egyeznek meg
- osztályos szelektorkép-illesztő elemek egy adott osztályhoz
- ID szelektorok - az elemet egy adott azonosítóval egyezik meg
- leszármaztatott szelektorok - olyan elemek, amelyek egy adott elem leszármazottai
- olyan gyermekkiválasztó elemek, amelyek az adott elem gyermekei
- univerzális szelektorok, amelyek megfelelnek bármelyik elemnek
- egymással szomszédos testvérválasztó elemeket, amelyek közvetlenül egy adott elem előzményei
- attribútum választó-hozzárendelési elemek egy adott attribútum vagy attribútum értékével
- pszeudoosztályos szelektorkezelő elemek egy adott pszeudosztályhoz
- pszeudo-elem kiválasztók-illesztő elemek specifikus pszeudo-elem tulajdonságokkal
Formázza a CSS stílusokat és a CSS-választókat
A CSS stílus formátuma így néz ki:
választó {stílus tulajdonság: stílus; }
Több szétválasztót különálló, vesszővel azonos stílussal. Ezt nevezik szelektorkategóriának. Például:
selector1 , selector2 {stílus tulajdonság: stílus; }
A szelekciók csoportosítása egy rövidített mechanizmus, amely a CSS-stílusokat kompakt formában tartja.
A fenti csoportosításnak ugyanaz a hatása lesz, mint:
selector1 {stílus tulajdonság: stílus; }
selector2 {style property: stílus; }
Mindig tesztelje a CSS választóit
Nem minden böngésző támogatja az összes CSS szelektort. Tehát ne felejtse el tesztelni a szelektort a legtöbb böngészőben annyi operációs rendszerben, amennyit csak tud. De ha CSS 1 vagy CSS2 szelektort használsz, akkor rendben kell lenned.