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.