Pe un element stim ca putem folosi atat atributul ID cat si class dar trebuie sa stim cand sa il folosim pe unul si cand pe celalalt, pentru ca ne putem trezi in situatia cand in CSS selectam acelasi element folosind ambele atribute.
Atributul ID ar trebui folosit cand stim ca elementul va fi unic in pagina. De exemplu cum este acest subtitlu:
<h1>
Titlul paginii
</h1>
<p id="subtitlu">
Subtitlul paginii care are un id.
</p>
<p class="paragraf">
Al doilea paragraf din pagina ce are o clasa oarecare.
</p>
<p class="paragraf">
Ultimul paragraf din pagina care e la fel ca cel de dinainte.
</p>Stim ca nu vom avea un alt subtitlu in pagina, asa ca are sens aici sa folosim atributul id.
Pe celelalte paragrafe am folosit o clasa, pentru ca aceste elemente ar trebuie vazute impreuna atunci cand le stilizam.
Titlul paginii foloseste tag-ul <h1> si este unic in pagina, asa ca daca am dori sa il stilizam ar avea sens sa folosim un atribut id, dar asta nu inseamna ca este gresit sa folosim o clasa pentru el. Fiind unic in pagina putem folosi chiar numele tag-ului: h1.
Asadar in general, id-urile sunt folosite pe elementele care stim ca vor fi unice in pagina iar clasa pe cele care se repeta.
Dar daca un element are ambele atribute, class si id atunci in css selectorul id are prioritate.