Čo je selektor v CSS?

Selektor v CSS je vzor, ktorý určuje, na ktoré prvky HTML sa aplikujú štýly. Určuje prehliadaču, ktoré jeden alebo viac prvkov má vybrať.

Existujú rôzne typy selektorov:

Selektory prvkov (Type selectors): Vyberajú všetky inštancie HTML prvku.
```
p { /* Vyberá všetky odstavce */
  color: blue;
}
```

Selektory tried (Class selectors): Vyberajú prvky s určitým hodnotením atribútu class.

.highlight { /* Vyberá všetky prvky s triedou "highlight" */
  background-color: yellow;
}

Selektory ID (ID selectors): Vyberajú jediný prvok s určitým hodnotením atribútu id.
```
#header { /* Vyberá prvok s id "header" */
  font-size: 2em;
}
```

Univerzálny selektor (Universal selector): Vyberá všetky prvky.

* { /* Vyberá všetky prvky na stránke */
  margin: 0;
  padding: 0;
}

Selektory atribútov (Attribute selectors): Vyberajú prvky na základe prítomnosti alebo hodnoty ich atribútov.
```
[type="text"] { /* Vyberá všetky input s type="text" */
  border: 1px solid gray;
}
```

Pseudoklasové selektory (Pseudo-classes): Vyberajú prvky na základe ich stavu.

a:hover { /* Vyberá odkaz pri najetí myšou */
  text-decoration: underline;
}

Pseudoelementy (Pseudo-elements): Vyberajú určité časti prvku alebo vytvárajú "fiktívne" prvky.
```
p::first-line { /* Vyberá prvý riadok odstavca */
  font-weight: bold;
}
```

Kombinátory (Combinators): Určujú vzťahy medzi selektormi.

Kombinátor	Popis	Príklad
Medzera ( )	Selektor potomkov (Descendant selector)	`div p`
`>`	Selektor detí (Child selector)	`div > p`
`+`	Selektor susedných prvkov (Adjacent sibling selector)	`h1 + p`
`~`	Selektor všeobecných susedných prvkov (General sibling selector)	`h1 ~ p`

Selektory môžu byť kombinované pre presnejšie určenie prvkov.