Začetni CSS
CSS temelji na pravilih ujemanja vzorcev, da bi določil, kateri slog velja za kateri element v dokumentu. Ti vzorci se imenujejo selektorji in se gibljejo od imen oznake (npr. P, da se ujemajo s oznakami odstavka) zelo zahtevnim vzorcem, ki se ujemajo z zelo specifičnimi deli dokumenta (na primer, p # myid> b.highlight bi se ujemal z vsemi oznakami b razred poudarka, ki je otrok v odstavku z id miid).
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:
- tip selectors-ujemanje določenega elementa
- razred selektorji - elementi za ujemanje s specifičnim razredom
- ID izbirniki - ujemanje elementa s posebnim ID-jem
- potomci selektorji - elementi, ki so potomci določenega elementa
- elementi za izbiro otroka, ki so otroci določenega elementa
- univerzalni selektorji - ujemanje poljubnih elementov
- sosednje elemente za ujemanje s sestrami in sestrami, ki jim je neposredno pred določenim elementom
- atribut elementov za ujemanje selektorjev s specifično vrednostjo atributa ali atributa
- pseudo-razred selektorji-ujemanje elementov s specifičnim psevdo razreda
- elementi za ujemanje pseudoelementnih selektorjev 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:
selector1 , 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; }
Vedno preizkusi svoje CSS izbirnike
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 CSS 1 ali CSS2 selektorje, bi morali biti v redu.