Kas ir selektors CSS?

CSS selektors ir — tas ir šablons, kas nosaka, kuriem HTML elementiem piemērojami stili. Tas norāda pārlūkprogrammai, kuri vienu vai vairākus elementus jāizvēlas.

Pastāv dažādi selektoru tipi:

Elementu selektori (Type selectors): izvēlas visus HTML elementa eksemplārus:
```
p { /* Izvēlas visus paragrāfus */
  color: blue;
}
```

Klasu selektori (Class selectors): izvēlas elementus ar noteiktu class atribūta vērtību:

.highlight { /* Izvēlas visus elementus ar klasi "highlight" */
  background-color: yellow;
}

ID selektori (ID selectors): izvēlas vienu elementu ar noteiktu id vērtību:

#header { /* Izvēlas elementu ar id "header" */
  font-size: 2em;
}

Universālais selektors (Universal selector): izvēlas visus elementus:

* { /* Izvēlas visus elementus lapā */
  margin: 0;
  padding: 0;
}

Atribūtu selektori (Attribute selectors): izvēlas elementus pēc to atribūtu klātbūtnes vai vērtības:
```
[type="text"] { /* Izvēlas visus input ar type="text" */
  border: 1px solid gray;
}
```

Pseido-klases (Pseudo-classes): izvēlas elementus pēc to stāvokļa:

a:hover { /* Izvēlas saiti, kad pārnesa peles kursors */
  text-decoration: underline;
}

Pseido-elementi (Pseudo-elements): izvēlas noteiktas daļas vai veido "fiktīvus" elementus:
```
p::first-line { /* Izvēlas pirmo rindu */
  font-weight: bold;
}
```

Kombinatori (Combinators): nosaka attiecības starp selektoriem:

Kombinators	Apraksts	Piemērs
Atstarpe ( )	Bērnu selektors (Descendant selector)	`div p`
`>`	Bērnu selektors (Child selector)	`div > p`
`+`	Sēdošais selektors (Adjacent sibling selector)	`h1 + p`
`~`	Vispārējais sēdošais selektors (General sibling selector)	`h1 ~ p`

Selektori var tikt kombinēti, lai precīzāk noteiktu elementus.