CSSda selektor nima?

CSS'da selektor, uslublar, qaysi HTML elementlariga uslublar qo'llanilishini belgilovchi shablondir. U brauzerga, qaysi bir yoki bir nechta elementlarni tanlash kerakligini ko'rsatadi.

Turli xil selektorlar mavjud:

Turi selektorlar (Type selectors): HTML elementining barcha nusxalarini tanlaydi.
```
p { /* Barcha paragraflarni tanlaydi */
  color: blue;
}
```

Sinf selektorlar (Class selectors): class atributining ma'lum qiymatiga ega elementlarni tanlaydi.

.highlight { /* "highlight" sinfiga ega barcha elementlarni tanlaydi */
  background-color: yellow;
}

ID selektorlar (ID selectors): id atributining ma'lum qiymatiga ega yagona elementni tanlaydi.
```
#header { /* id "header" bo'lgan elementni tanlaydi */
  font-size: 2em;
}
```

Universal selektor (Universal selector): Barcha elementlarni tanlaydi.

* { /* Sahifadagi barcha elementlarni tanlaydi */
  margin: 0;
  padding: 0;
}

Atribut selektorlar (Attribute selectors): Elementlarni atributlarning mavjudligi yoki qiymati asosida tanlaydi.
```
[type="text"] { /* type="text" bo'lgan barcha inputlarni tanlaydi */
  border: 1px solid gray;
}
```

Pseudo-sinf (Pseudo-classes): Elementlarning holatiga qarab tanlaydi.

a:hover { /* Hover qilganda linkni tanlaydi */
  text-decoration: underline;
}

Pseudo-elementlar (Pseudo-elements): Elementning ma'lum qismlarini tanlaydi yoki "fiktiv" elementlar yaratadi.
```
p::first-line { /* Paragrafning birinchi satrini tanlaydi */
  font-weight: bold;
}
```

Kombinatorlar (Combinators): Selektorlar o'rtasidagi munosabatlarni belgilaydi.

Kоmbinator	Tavsifi	Misol
Bo'shliq ( )	Voris selektor (Descendant selector)	`div p`
`>`	Farzand selektor (Child selector)	`div > p`
`+`	Adjacent sibling selector	`h1 + p`
`~`	Umumiy opa-singil selektor	`h1 ~ p`

Selektorlar birlashtirilishi mumkin, shunda ular elementlarni yanada aniqroq belgilash imkonini beradi.