CSS sınıf (class) seçici, belirli bir stile sahip olan ve HTML öğeleri arasında paylaşılan özelliklere sahip grupları seçmek için kullanılır. Bir sınıf, HTML öğelerine class özelliği ekleyerek atanır.
HTML'de bir sınıf tanımlamak için şu şekilde kullanılır:
<p class="vurguluMetin">Bu metin vurgulu bir sınıfa sahiptir.</p>
CSS ile bu sınıfa sahip öğeye stil uygulamak için sınıf seçicisini kullanırız:
.vurguluMetin {
font-weight: bold;
color: #0066cc;
}
Bu örnekte, "vurguluMetin" sınıfına sahip tüm paragraflara kalın yazı stili ve mavi renk uygulanır.
Sınıf seçicisi, belirli bir stilin birkaç farklı öğe üzerinde paylaşılmasına olanak tanır ve CSS tasarımını daha modüler hale getirir. Bir sayfada aynı sınıfa sahip birden fazla öğe olabilir.