CSS-də seçici nədir?

CSS-də seçici, stilərin tətbiq olunduğu HTML elementlərini müəyyən edən nümunədir. Bu, brauzerə hansı bir və ya bir neçə elementin seçilməli olduğunu göstərir.

Fərqli növ seçicilər mövcuddur:

Növ seçicilər (Type selectors): HTML elementinin bütün nümunələrini seçir.
```
p { /* Bütün paraqrafları seçir */
  color: blue;
}
```

Sinif seçicilər (Class selectors): class atributunun müəyyən dəyərinə malik elementləri seçir.

.highlight { /* "highlight" sinfinə malik bütün elementləri seçir */
  background-color: yellow;
}

ID seçicilər (ID selectors): id atributunun müəyyən dəyərinə malik tək bir elementi seçir.
```
#header { /* id "header" olan elementi seçir */
  font-size: 2em;
}
```

Ümumi seçici (Universal selector): Bütün elementləri seçir.

* { /* Səhifadakı bütün elementləri seçir */
  margin: 0;
  padding: 0;
}

Atribut seçicilər (Attribute selectors): Elementləri atributların mövcudluğu və ya dəyərinə əsasən seçir.
```
[type="text"] { /* type="text" olan bütün inputları seçir */
  border: 1px solid gray;
}
```

Pseudo-siniflər (Pseudo-classes): Elementlərin vəziyyətinə əsasən seçir.

a:hover { /* Hover zamanı linki seçir */
  text-decoration: underline;
}

Pseudo-elementlər (Pseudo-elements): Elementin müəyyən hissələrini seçir və ya "səfake" elementlər yaradır.
```
p::first-line { /* Paragrafın ilk sətirini seçir */
  font-weight: bold;
}
```

Kombinatorlar (Combinators): Seçicilər arasındakı əlaqələri müəyyən edir.

Kоmbinator	Təsviri	Nümunə
Boşluq ( )	Nəsil seçici (Descendant selector)	`div p`
`>`	Uşaq seçici (Child selector)	`div > p`
`+`	Yaxın qardaş seçici (Adjacent sibling selector)	`h1 + p`
`~`	Ümumi qardaş seçici (General sibling selector)	`h1 ~ p`

Seçicilər birləşdirilə bilər ki, elementləri daha dəqiq müəyyən etmək mümkün olsun.