CSS selektoriai HTML5

Rinkėjai CSS naudojami identifikuoti, kurie elementai HTML ant jų bus dedamas tam tikras stilius, tam galime naudoti etiketę stilius arba išorinis stiliaus lapas. Akimirką įsivaizduokime, kad norime į savo dokumentą įtraukti tam tikrą aspektą, tam turime sukurti stilių, tačiau, kad nesikartotume kodo, idealus dalykas yra pasirinkti stilius parinkėjams, pavyzdžiui, jei norime visos nuorodos į elementą į yra tam tikros spalvos, stilius naudosime pasirinkdami pagal tipą.
Šis selektorius veikia visus dokumento elementus, nepaisant to, kad yra pats svarbiausias parinkiklis, jis nėra plačiai naudojamas, nes jo taikymo sritis yra labai plati.
Pažiūrėkime nedidelį pavyzdį, kaip tai veikia:

 Pavyzdys
Man patinka obuoliai ir apelsinai.

Apsilankykite W3C svetainėje 

Kaip matome pavyzdyje, universaliam selektoriui stiliui nurodome, kad visi elementai turės juodą kraštą plona kieta, tai duoda tokį rezultatą:

Matome, kad stilius buvo pritaikytas visiems elementams, šiuo metu tai nėra labai malonu žiūrėti, tačiau jis atlieka savo darbą.
Naudodami šį pasirinkimo būdą, mes galime pasirinkti ir pritaikyti stilių visiems konkretaus tipo elementams, tokiu būdu mes galime būti bendri, nebūdami tokie platūs, kaip ir naudojant universalųjį selektorių, kurį matėme anksčiau.
Dirbkime su šiuo pavyzdžiu:

 Pavyzdys
Man patinka obuoliai ir apelsinai.
Apsilankykite W3C svetainėje 

Kaip matome, mes naudojame elemento tipą į Prie kurio pridėsime juodą kraštinę, prie kurios dirbome vadove, pažiūrėkime, kaip ji atrodo ekrane:

Rezultatas yra šiek tiek geresnis nei tas, kuris sukurtas naudojant universalųjį selektorių, nes šiuo atveju tik nuorodos turi juodą kraštą.
Ką daryti, jei dabar norime pritaikyti stilių, bet tik tam tikriems elementams, neatsižvelgiant į jų tipą, bet negalime jo pritaikyti visam dokumentui, tam galime naudoti selektorių pagal klases, o pasirinkimą pagal klasę - šiek tiek daugiau atskirties, kai taikomas stilius.
Pažiūrėkime kodą:

 Pavyzdys Apsilankykite svetainėje
Man patinka obuoliai ir apelsinai.

Apsilankykite W3C svetainėje 

Šiuo atveju nusprendėme pritaikyti stilių visiems klasės elementams 2 klasė kode galime matyti elementą, kuris turi dvi klases, tačiau turint klasę, kurią nurodome, taip pat bus naudojamas stilius. Tuo baigiame šią pamoką apie atrankas, rekomenduojame tęsti praktiką, derinant tai, ką išmokome, kad galėtume kuo efektyviau ir paprasčiau praturtinti savo svetainių išvaizdą ir padidinti jų tinkamumo naudoti standartus.