Selectoare CSS în HTML5

Selectorii CSS sunt utilizate pentru a identifica ce elemente HTML un anumit stil va fi plasat pe ele, pentru aceasta putem folosi eticheta stil sau o foaie de stil externă. Să ne imaginăm pentru o clipă că vrem să punem un anumit aspect documentului nostru, pentru aceasta trebuie să dezvoltăm stiluri, totuși, pentru a nu repeta codul, lucrul ideal este să folosim stilurile pentru selectoare, de exemplu dacă vrem toate legăturile către element la sunt de o anumită culoare, am folosi stilurile cu selectorul după tip.
Acest selector afectează toate elementele documentului, deși este cel mai fundamental selector, nu este utilizat pe scară largă, deoarece domeniul său de aplicare este foarte larg.
Să vedem un mic exemplu de funcționare:

 Exemplu
Îmi plac merele și portocalele.

Vizitați site-ul web W3C 

După cum putem vedea în exemplu, spunem stilului cu selectorul universal că toate elementele vor avea o margine neagră solid subțire, aceasta produce următorul rezultat:

Vedem că stilul a fost aplicat tuturor elementelor, acest lucru nu este foarte plăcut de privit în acest moment, dar face treaba.
Cu acest tip de selecție putem selecta și aplica un stil tuturor elementelor unui anumit tip, în acest fel putem fi generali fără a fi la fel de largi ca și cu selectorul universal pe care l-am văzut anterior.
Să lucrăm cu următorul exemplu:

 Exemplu
Îmi plac merele și portocalele.
Vizitați site-ul web W3C 

După cum putem vedea, folosim tipul de element la La care vom adăuga marginea neagră la care am lucrat în tutorial, să vedem cum arată pe ecran:

Rezultatul este puțin mai bun decât cel generat cu selectorul universal, deoarece în acest caz doar legăturile au chenarul negru.
Ce se întâmplă dacă acum dorim să aplicăm un stil, dar numai anumitor elemente, indiferent de tipul lor, dar nu îl putem aplica întregului document, pentru aceasta putem folosi selectorul pe clase, cu selectorul pe clase putem realiza puțin mai multă excludere față de aplicarea unui stil.
Să vedem codul:

 Exemplu Vizitați site-ul web
Îmi plac merele și portocalele.

Vizitați site-ul web W3C 

În acest caz, am decis să aplicăm stilul la toate elementele clasei clasa2 putem vedea în cod un element care are două clase, totuși având clasa pe care o specificăm va lua și stilul. Cu aceasta încheiem acest tutorial despre selectoare, vă recomandăm să continuați să exersăm, combinând ceea ce am învățat, astfel încât să putem îmbogăți aspectul site-urilor noastre și să le sporim standardele de utilizare în cel mai eficient și simplu mod posibil.