În foile de stil în cascadă (CSS), selectorul punct (.) este utilizat pentru a defini și aplica clase CSS pe elementele din pagină. Este unul dintre cei mai frecvenți și utili selectori în dezvoltarea web modernă datorită flexibilității și caracterului său reutilizabil.
Principala diferență dintre selectorul punct (clasă) și selectorul diez (#) constă în multiplicitatea utilizării: în timp ce un identificator (ID) trebuie să fie unic într-o pagină HTML, o clasă CSS poate fi aplicată pe oricâte elemente dorim. Mai mult, unui singur element HTML i se pot atribui mai multe clase concomitent, separate prin spațiu.
Pentru a lega o regulă CSS de un element din document, acesta trebuie să aibă definit atributul class="numeclasa" în marcajul HTML.
Exemplu de utilizare a unei clase CSS
În documentul HTML, asociem clasa dorită elementului:
<div class="dexblog">
Acesta este un text stilizat prin clasa dexblog.
</div>În fișierul CSS, definim stilurile prefixând numele clasei cu caracterul punct (.):
.dexblog {
color: red;
font-size: 16px;
font-weight: bold;
}Ori de câte ori veți adăuga class="dexblog" pe un paragraf, un titlu, un container <div> sau un buton, aceleași proprietăți vizuale se vor aplica instantaneu, asigurând un cod curat, modular și ușor de întreținut.
