Šta je selektor u CSS-u?

Селектор у 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`

Селектори могу бити комбиновани за прецизније одређивање елемената.