CSS balstās uz modeļu saskaņošanas noteikumiem, lai noteiktu, kurš stils attiecas uz kādu dokumenta elementu. Šie modeļi tiek saukti selektori un tie svārstās no atzīmju nosaukumiem (piemēram,
p lai saskaņotu rindkopas tagus) ar ļoti sarežģītiem modeļiem, kas atbilst ļoti specifiskām dokumenta daļām (piemēram,
p # myid> b.highlight atbilstu jebkuram
b tag ar klasi
izcelt tas ir punkta punkts ar id
mans).
CSS selektors ir CSS stila zvana daļa, kas identificē, kāda web lapas daļa ir jāformulē. Atlasītājs satur vienu vai vairākas īpašības, kas nosaka, kā tiks atlasīts atlasītais HTML stils.
CSS atlasītāji
Ir vairāki dažādi selektoru veidi:
- tipa selektori - atbilst konkrētam elementam
- klases selektori - atbilstošie elementi ar konkrētu klasi
- ID atlasītāji - elementa saskaņošana ar konkrētu ID
- pēcteču selektori - atbilstošie elementi, kas ir konkrēta elementa pēcnācēji
- bērnu selektori - atbilstošie elementi, kas ir konkrēta elementa bērns
- Universālie selektori - atbilst jebkuram elementam
- blakus esošie brāļa selektori - atbilstošie elementi, kas tieši pirms tam ir konkrēts elements
- atribūtu selektori - atbilstošie elementi ar īpašu atribūtu vai atribūtu vērtību
- pseidoklases selektori - atbilstošie elementi ar īpašu pseidoklasi
- pseidoelementu selektori - atbilstošie elementi ar īpašām pseidodelementa īpašībām
Formatēt CSS stilus un CSS atlasītājus
CSS stila formāts izskatās šādi:
selektors {stila īpašums: stils; }
Atdaliet vairākus selektorus, kuru stils ir ar komatu. To sauc par selektoru grupēšanu. Piemēram:
selektors1 , selektors2 {stila īpašums: stils; }
Grupēšanas selektori ir stenogrāfijas mehānisms, lai jūsu CSS stili būtu kompakti. Iepriekš minētajai grupai būtu tāda pati ietekme kā:
selektors1 {stila īpašums: stils; }selektors2 {stila īpašums: stils; } Ne visas pārlūkprogrammas atbalsta visus CSS atlasītājus. Tāpēc pārliecinieties, ka jūsu selektori tiek pārbaudīti tik daudzās pārlūkprogrammās, cik vien iespējams. Bet, ja izmantojat CSS1 vai CSS2 selektorus, jums vajadzētu būt labi. Vienmēr pārbaudiet savus CSS atlasītājus
