CSS class seçicileri, bir veya birden çok HTML öğesine aynı stili uygulamak için kullanılır. Bu, belirli bir grup öğeyi seçmek ve onlara özel bir görünüm kazandırmak için kullanışlıdır.
CSS grup seçicileri, birbirine benzer özelliklere sahip birden fazla HTML öğesine aynı stili uygulamak için kullanılır. Grup seçicileri, bir veya daha fazla seçiciyi virgülle ayırarak gruplamak suretiyle oluşturulur.
CSS evrensel seçici (*), tüm HTML öğelerini seçmek için kullanılır. Bu seçici, belirli bir öğe türüne veya sınıfa ihtiyaç duyulmadan tüm öğeleri hedefler.
Örneğin, tüm HTML öğelerine varsayılan bir kenarlık ve iç boşluk tanımlamak için evrensel seçici kullanabiliriz:
Tekil (ID) seçici, bir HTML öğesine özel bir stili uygulamak için kullanılır. ID'ler, belirli bir öğeyi diğerlerinden ayırmak ve benzersiz bir kimlik atamak için kullanılır.
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.
CSS'te "komut seçici" ifadesi genellikle kullanılan bir terim değildir. Belki de "element" veya "class" seçicilerini ifade etmek istiyorsunuz. Bu nedenle, hem element seçicisi hem de sınıf seçicisi ile ilgili bilgi vereceğim.
CSS durum seçicileri (pseudo-classes), belirli durumlarda bir HTML öğesini seçmek için kullanılır. Durum seçicileri, öğenin içinde bulunduğu duruma veya kullanıcı etkileşimine bağlı olarak özel stiller uygulamak için kullanılır.
CSS kısmi seçiciler (pseudo-elements), belirli bir öğenin belirli kısımlarını seçmek için kullanılır. Kısmi seçiciler, öğenin içindeki belirli bir bölümü hedeflemek için kullanılır ve öğenin belirli bir durumunu temsil edebilir.
CSS özellik (property) seçicileri, belirli bir özellik durumunda olan öğeleri seçmek için kullanılan seçicilerdir. Bu tür seçiciler, bir öğenin belirli bir durumunda veya özelliğinde olduğunda stil uygulamak için kullanılır.