Kas yra selektorius CSS?

CSS selektorius — tai šablonas, kuris apibrėžia, prie kurių HTML elementų taikomi stiliai. Jis nurodo naršyklei, kuriuos vieną ar kelis elementus reikia pasirinkti.

Yra įvairių tipų selektorių:

Elemento selektoriai (Type selectors): Pasirenka visus HTML elemento egzempliorius:
```
p { /* Pasirenka visus paragrafus */
  color: blue;
}
```

Klasės selektoriai (Class selectors): Pasirenka elementus su tam tikra class atributo reikšme:

.highlight { /* Pasirenka visus elementus su klase "highlight" */
  background-color: yellow;
}

ID selektoriai (ID selectors): Pasirenka vieną elementą su tam tikra id reikšme:
```
#header { /* Pasirenka elementą su id "header" */
  font-size: 2em;
}
```

Universalus selektorius (Universal selector): Pasirenka visus elementus:

* { /* Pasirenka visus elementus puslapyje */
  margin: 0;
  padding: 0;
}

Atributų selektoriai (Attribute selectors): Pasirenka elementus pagal jų atributų buvimą ar reikšmę:
```
[type="text"] { /* Pasirenka visus input su type="text" */
  border: 1px solid gray;
}
```

Pseudo-klasės (Pseudo-classes): Pasirenka elementus pagal jų būseną:

a:hover { /* Pasirenka nuorodą, kai užvedama pelės žymeklis */
  text-decoration: underline;
}

Pseudo-elementai (Pseudo-elements): Pasirenka tam tikras elemento dalis arba kuria "fiktinius" elementus:
```
p::first-line { /* Pasirenka pirmą eilutę */
  font-weight: bold;
}
```

Kombinatoriai (Combinators): Nustato santykius tarp selektorių:

Kombinatorius	Aprašymas	Pavyzdys
Tarpas ( )	Palikuonių selektorius (Descendant selector)	`div p`
`>`	Vaiko selektorius (Child selector)	`div > p`
`+`	Šalia esantis selektorius (Adjacent sibling selector)	`h1 + p`
`~`	Bendras šalia esantis selektorius (General sibling selector)	`h1 ~ p`

Selektoriai gali būti derinami, kad būtų tiksliau apibrėžti elementai.