Какво е селектор в CSS?

CSS-те селектор е модел, който определя към кои HTML елементи се прилагат стиловете. Той указва на браузъра кои един или повече елементи трябва да бъдат избрани.

Съществуват различни типове селектори:

Типови селектори (Type selectors): Избират всички екземпляри на HTML елемент.
```
p { /* Избира всички параграфи */
  color: blue;
}
```
Клас селектори (Class selectors): Избират елементи с определена стойност в атрибута class.
```
.highlight { /* Избира всички елементи с клас "highlight" */
  background-color: yellow;
}
```
ID селектори (ID selectors): Избират единствен елемент с определена стойност в атрибута id.
```
#header { /* Избира елемент с id "header" */
  font-size: 2em;
}
```

Универсален селектор (Universal selector): Избира всички елементи.

* { /* Избира всички елементи на страницата */
  margin: 0;
  padding: 0;
}

Атрибутни селектори (Attribute selectors): Избират елементи въз основа на наличието или стойността на техните атрибути.
```
[type="text"] { /* Избира всички input с type="text" */
  border: 1px solid gray;
}
```
Псевдокласове (Pseudo-classes): Избират елементи въз основа на тяхното състояние.
```
a:hover { /* Избира линк при задържане на курсора */
  text-decoration: underline;
}
```
Псевдоелементи (Pseudo-elements): Избират определени части от елемента или създават "фиктивни" елементи.
```
p::first-line { /* Избира първия ред на параграфа */
  font-weight: bold;
}
```

Комбинатори (Combinators): Определят отношенията между селекторите.

Комбинатор	Описание	Пример
Интервал ( )	Селектор на потомци (Descendant selector)	`div p`
`>`	Селектор на деца (Child selector)	`div > p`
`+`	Селектор на съседни елементи (Adjacent sibling selector)	`h1 + p`
`~`	Общ селектор на братя (General sibling selector)	`h1 ~ p`

Селекторите могат да се комбинират за по-точно определяне на елементите.