CSS temelji na pravilih ujemanja vzorcev, da bi določil, kateri slog velja za kateri element v dokumentu. Ti vzorci se imenujejo selektorji in segajo od imen oznak (na primer,
str da se ujemajo s oznakami odstavka) zelo zapletenim vzorcem, ki se ujemajo z zelo specifičnimi deli dokumenta (na primer,
p # myid> b.highlight bi se ujemala z vsemi
b oznaka z razredom
označite to je otrok odstavka z ID-jem
myid).
Izbirnik CSS je del sloga klica CSS, ki določa, kateri del spletne strani je treba styled. Izbirnik vsebuje eno ali več lastnosti, ki določajo, kako bo izbran stil HTML.
Izbirniki CSS
Obstaja več različnih vrst selektorjev:
- izbirniki tipov - ujemanje določenega elementa
- izbirniki razreda - ujemajoči elementi s specifičnim razredom
- ID izbirniki - ujemanje elementa s posebnim ID-jem
- potomci selektorji - ujemajoči elementi, ki so potomci določenega elementa
- izbirniki otrok - ujemajoči elementi, ki so otroci določenega elementa
- univerzalni izbirniki - ujemanje poljubnih elementov
- sosednji izbirniki brata in sestre - ujemajoči se elementi, ki jim je neposredno pred določenim elementom
- izbirniki atributov - ujemajoči se elementi s specifično vrednostjo atributa ali atributa
- pseudo-razred selektorji - ujemajoči se elementi s specifičnim psevdo razredom
- izbirniki psevdo-elementov - ujemajoči elementi s specifičnimi lastnostmi lastnosti psevdo-elementov
Oblikujte CSS sloge in izbirnike CSS
Oblika sloga CSS izgleda takole:
izbirnik {style lastnosti: slog; }
Ločite več selektorjev, ki imajo enak slog z vejicami. To se imenuje selektorska skupina. Na primer:
selektor1 , selector2 {style lastnosti: slog; }
Selektorji združevanja so stenski mehanizem, ki ohranja sloge CSS kompaktne. Gornja skupina bi imela enak učinek kot:
selector1 {style lastnosti: slog; }selector2 {style lastnosti: slog; } Vsi brskalniki ne podpirajo vseh CSS selektorjev. Torej, prepričajte se, da preizkusite svoje selente v toliko brskalnikov na čim več operacijskih sistemih, kot lahko. Ampak, če uporabljate selektorje CSS1 ali CSS2, bi morali biti v redu. Vedno preizkusi svoje CSS izbirnike
