Clase si Id-uri

Pentru a te ajuta sa modifici un anumit element din pagina HTML, in CSS pot fi definite clase si id-uri.

Selectorul ID

Acest tip de selector este menit sa tinteasca un singur element si doar atat. Acest id poate fi atribuit unui elment din pagina HTML cu regula id=”#nume”:

#nume{
    text-align: center;
    color: red;
}

Selectorul Clasa

Acest selector este folosit pentru a modifica un grup de elemente, spre deosebire de Id ce nu putea fi folosit decat pentru un element.

Cu acest selector poti seta stiluri diferite pentru elemente diferite cu aceeasi clasa. Acest selector se seteaza cu “.” inaintea numelui in CSS, iar in HTML cu sintaxa class=”numeleclasei”:

.numeleclasei{
    text-align: center;
    color: red;
}

Poti specifica ce element va avea o anumita proprietate cand are setata aceasta clasa. In exemplul de mai jos toate paragrafele (<p>) din interiorul elementului ce contine clasa numeleclasei vor avea fi alianiate in centru:

.numeleclasei p{
    text-align: center;
}