CSS seçicileri, stillendirmek istediğiniz HTML ögelerini "bulmak" (veya seçmek) için kullanılır. Başka bir deyişle, CSS kurallarınızı HTML ögeleri ile ilişkilendirmek için kullandığımız işaretçiler olarak da tanımlanabilir. Her bir CSS kuralı, web tarayıcılarına hangi kuralların hangi HTML ögelerine veya öge gruplarına uygulanması gerektiğini anlatmak için bir seçiciyle başlar.

CSS seçicilerini beş kategoriye ayırabiliriz:

  1. Basit Seçiciler: #id, .class ve etiket
  2. Birleştiriciler: Basit seçicilerin birbirleriyle harmanlanarak karmaşık seçici kombinasyonlarının oluşturulması
  3. Sözde Sınıf (pseudo-class) Seçiciler: hover, first-child, click vb. gibi özel durumları seçmek
  4. Sözde Öge (pseudo-element) Seçiciler: before, after, selection vb. gibi özel ögeleri seçmek
  5. Özellik Seçiciler: Sahip oldukları özelliklere göre HTML ögelerini seçmek

Hadi, basit seçicilerle başlıyoruz...

Last modified: Monday, 21 July 2025, 11:30 AM