CSS'de seçici nedir?

CSS'de seçici, stillerin uygulandığı HTML öğelerini belirleyen bir şablondur. Tarayıcıya, hangi bir veya birkaç öğenin seçilmesi gerektiğini gösterir.

Farklı türlerde seçiciler vardır:

Tür seçicileri (Type selectors): Bir HTML öğesinin tüm örneklerini seçer.
```
p { /* Tüm paragrafları seçer */
  color: blue;
}
```

Sınıf seçicileri (Class selectors): Belirli bir class özniteliği değerine sahip öğeleri seçer.

.highlight { /* "highlight" sınıfına sahip tüm öğeleri seçer */
  background-color: yellow;
}

ID seçicileri (ID selectors): Belirli bir id özniteliği değerine sahip tek bir öğeyi seçer.
```
#header { /* id "header" olan öğeyi seçer */
  font-size: 2em;
}
```

Evrensel seçici (Universal selector): Tüm öğeleri seçer.

* { /* Sayfadaki tüm öğeleri seçer */
  margin: 0;
  padding: 0;
}

Öznitelik seçicileri (Attribute selectors): Öğeleri, özniteliklerinin varlığı veya değeri temelinde seçer.
```
[type="text"] { /* type="text" olan tüm inputları seçer */
  border: 1px solid gray;
}
```

Pseudo-sınıflar (Pseudo-classes): Öğelerin durumuna göre seçim yapar.

a:hover { /* Üzerine gelindiğinde bağlantıyı seçer */
  text-decoration: underline;
}

Pseudo-elementler (Pseudo-elements): Öğenin belirli bölümlerini seçer veya "sahte" öğeler oluşturur.
```
p::first-line { /* Paragrafın ilk satırını seçer */
  font-weight: bold;
}
```

Birleştiriciler (Combinators): Seçiciler arasındaki ilişkileri belirler.

Birleştirici	Açıklama	Örnek
Boşluk ( )	Alt Seçici (Descendant selector)	`div p`
`>`	Çocuk seçici (Child selector)	`div > p`
`+`	Komşu seçici (Adjacent sibling selector)	`h1 + p`
`~`	Genel kardeş seçici (General sibling selector)	`h1 ~ p`

Seçiciler, öğeleri daha hassas tanımlamak için birleştirilebilir.