CSS atlasītāji HTML5

Satura rādītājs
Selektori CSS tiek izmantoti, lai noteiktu, kuri elementi HTML uz tiem tiks likts noteikts stils, tāpēc mēs varam izmantot etiķeti stils vai ārēja stila lapa. Uz brīdi iedomāsimies, ka vēlamies savam dokumentam piešķirt noteiktu aspektu, šim nolūkam mums ir jāizstrādā stili, tomēr, lai neatkārtotu kodu, ideāli ir izmantot stilus atlasītājiem, piemēram, ja mēs vēlamies visas saites uz elementu uz ir noteiktas krāsas, mēs izmantotu stilus ar atlasītāju pēc veida.
Šis atlasītājs ietekmē visus dokumenta elementus, lai gan tas ir vissvarīgākais atlasītājs, tas netiek plaši izmantots, jo tā darbības joma ir ļoti plaša.
Apskatīsim nelielu piemēru, kā tas darbojas:
 Piemērs

Man garšo āboli un apelsīni.

Apmeklējiet W3C vietni

Kā redzam piemērā, mēs ar universālo atlasītāju norādām stilam, ka visiem elementiem būs melna apmale plāna cieta viela, tas rada šādu rezultātu:

Mēs redzam, ka stils tika piemērots visiem elementiem, tas šobrīd nav īpaši patīkami skatīties, bet tas dara savu darbu.
Ar šāda veida atlasi mēs varam izvēlēties un piemērot stilu visiem konkrēta tipa elementiem, tādā veidā mēs varam būt vispārīgi, nebūdami tik plaši kā ar iepriekš redzēto universālo selektoru.
Strādāsim ar šādu piemēru:
 Piemērs

Man garšo āboli un apelsīni.

Apmeklējiet W3C vietni

Kā redzam, mēs izmantojam elementa tipu uz Kam mēs pievienosim melno apmali, pie kuras esam strādājuši apmācībā, redzēsim, kā tā izskatās ekrānā:

Rezultāts ir nedaudz labāks nekā tas, kas ģenerēts ar universālo selektoru, jo šajā gadījumā tikai saitēm ir melna apmale.
Ko darīt, ja tagad mēs vēlamies piemērot stilu, bet tikai noteiktiem elementiem neatkarīgi no to veida, bet nevaram to piemērot visam dokumentam, jo ​​mēs varam izmantot atlasītāju pa klasēm, ar atlasītāju pa klasēm mēs varam nedaudz sasniegt lielāka atstumtība, piemērojot stilu.
Apskatīsim kodu:
 Piemērs Apmeklējiet vietni

Man garšo āboli un apelsīni.

Apmeklējiet W3C vietni

Šajā gadījumā mēs nolēmām piemērot stilu visiem klases elementiem 2. klase kodā mēs varam redzēt elementu, kuram ir divas klases, tomēr, ja mūsu norādītā klase ņems vērā arī stilu. Ar to mēs noslēdzam šo apmācību par atlasītājiem, mēs iesakām turpināt praktizēt, apvienojot apgūto, lai mēs varētu pēc iespējas efektīvāk un vienkāršāk bagātināt savu vietņu izskatu un paaugstināt to lietojamības standartus.

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave