Selectorul CSS folosind atributul id

Acelasi lucru l-am putea face cu atributul de tip id. Haideti sa schimbam numele atributul din class in id si sa pastram aceeasi valoare:

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

In acest moment primul paragraf nu mai este bold, pentru ca regula CSS nu se mai aplica lui. Si motivul pentru aceasta este ca CSS-ul inca mai cauta un element ce are clasa paragraf-special, dar nu gaseste nici unul.

Pentru a ne adresa unui element ce are un anumit id vom folosi semnul # si apoi id-ul pe care il cautam, la fel, fara spatiu intre semn si numele id-ului:

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

Dezavantajul este ca un id poate fi folosit doar pe un singur element, pentru ca acesta trebuie sa fie unic pe pagina.

Cerinta Schimba atributul primului paragraf din class in id pentru ca regula css sa se aplice lui.