Selectorul CSS folosind atributul class

Initial cand am vorbit de selectorii in CSS am folosti numele unui tag HTML: p - cu acesta ne adresam tuturor paragrafele din pagina.

Dezavantajul cu aceasta metoda este ca acea regula CSS se aplica tuturor elementelor de tip <p>.

Daca vrem sa ne adresam doar anumitor paragrafe, putem folosi atributul de tip class sau pe cel tip id.

Putem adauga un atribut class primului paragraf:

<p class="paragraf-special"></p>
<p></p>

Pentru a scrie un selector pentru acest element, in tag-ul de <style></style> vom scrie punct si apoi numele clasei:

.paragraf-special {
    font-weight: bold;
}

Acest punct este o metoda de a spune in CSS: Hey, acum urmeaza o clasa, apoi scriem numele clasei fara spatiul intre ele. Iar mai departe e la fel ca inainte, deschidem si inchidem parantezele acolade, iar in interior vom scrie regulile CSS.

Haideti sa facem textul bold. Pentru aceasta vom folosi regula font-weight. Dupa aceasta vom scrie doua puncte, si apoi valoarea, care va fi bold. Pentru a semnala ca am terminat de scris aceasta regula vom pune ; la sfarsit.

In tagul <style></style> avem un selector ce cauta un element cu clasa paragraf-special.