Selectorul este una dintre cele mai importante parti in CSS. Cu el ne putem adresa unui element HTML, sau mai multora.
Selectorul este de fapt o metoda prin care filtram elemente dintr-o pagina, pana ajungem la acela caruia vrem sa ne adresam.
Selectorul cu numele unui tag
Selectorul se va scrie intodeauna primul, inaintea regulilor CSS si in afara parantezelor acolade. Daca in pagina scriem urmatorul cod:
p {
color: gray;
}
Selectorul va fi p. Acesta este numele elementului <p></p> dar spre deosebire de HTML, nu este nevoie sa punem si semnele < >, trebuie sa punem doar numele tagului.
Dupa acesta vom pune acolade iar in interiorul lor regulile CSS.
Daca dorim sa aplicam aceasta regula si altui element HTML putem copia tot acest bloc si apoi sa inlocuim p cu h1:
p {
color: gray;
}
h1 {
color: gray;
}
Iar acum, avem un selector pentru toate paragrafele din pagina, si inca unu pentru toate elementele <h1></h1>.
Folosind numele elementului, selectorul este destul de general, ne adresam tuturor elementelor de tip <p></p> din pagina
Si acest lucru este ok daca intr-adevar vrem sa facem asta dar daca dorim sa fim un pic mai specifici, trebuie sa folosim un alt tip de selector ce foloseste clasa sau id-ul elementului, selector despre care vom discuta in curand.