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 hívják szelektor és a címke nevétől függnek (például,
p hogy illeszkedjenek a bekezdéscímkékhez) olyan nagyon bonyolult mintákhoz, amelyek megfelelnek a dokumentum nagyon egyedi részeinek (pl.
p # myid> b.highlight megfelelne bármelyiknek
b tag egy osztály
Kiemel ez a bekezdés gyermeke az azonosítóval
az én személyi azonosítóm).
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ípusú szelektorok - egy adott elem egyezéséhez
- osztálykiválasztók - egy adott osztályhoz tartozó elemek
- ID szelektorok - az elem egy adott azonosítóval való illesztése
- leszármaztatott szelektorok - olyan elemek, amelyek egy adott elem leszármazottai
- gyermek kiválasztók - olyan elemek, amelyek az adott elem gyermekei
- Univerzális szelektorok - bármely elem illesztése
- szomszédos testvérválasztók - egyező elemek, amelyeket közvetlenül egy adott elem előz meg
- attribútumszelektorok - illeszkedő elemek egy adott attribútummal vagy attribútumértékkel
- pszeudoosztályos szelektorok - egy adott pszeudosztályhoz illeszkedő elemek
- pszeudo-elem választók - illeszkedő elemek egyedi 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:
választás1 , selector2 {style property: 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; } 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 CSS1 vagy CSS2 szelektort használsz, akkor rendben kell lenned. Mindig tesztelje a CSS választóit