Ce este un selector în CSS?

Selectorul în CSS este un model care determină asupra căror elemente HTML se aplică stilurile. Indică browser-ului ce unul sau mai multe elemente trebuie selectate.

Există diferite tipuri de selectori:

Selecții de tip (Type selectors): Selectează toate instanțele unui element HTML.
```
p { /* Selectează toate paragrafele */
  color: blue;
}
```

Selecții de clasă (Class selectors): Selectează elemente cu o valoare specifică în atributul class.

.highlight { /* Selectează toate elementele cu clasa "highlight" */
  background-color: yellow;
}

Selecții de ID (ID selectors): Selectează un singur element cu o valoare specifică în atributul id.
```
#header { /* Selectează elementul cu id "header" */
  font-size: 2em;
}
```

Selector universal (Universal selector): Selectează toate elementele.

* { /* Selectează toate elementele de pe pagină */
  margin: 0;
  padding: 0;
}

Selecții de atribute (Attribute selectors): Selectează elemente în funcție de prezența sau valoarea atributelor lor.
```
[type="text"] { /* Selectează toate input-urile cu type="text" */
  border: 1px solid gray;
}
```

Pseudo-clase (Pseudo-classes): Selectează elemente în funcție de starea lor.

a:hover { /* Selectează link-ul la hover */
  text-decoration: underline;
}

Pseudo-elemente (Pseudo-elements): Selectează părți specifice ale elementului sau creează "elemente fictive".
```
p::first-line { /* Selectează prima linie a paragrafului */
  font-weight: bold;
}
```

Combinatori (Combinators): Definește relațiile dintre selectori.

Combinator	Descriere	Exemplu
Spațiu ( )	Selector descendent (Descendant selector)	`div p`
`>`	Selector copil (Child selector)	`div > p`
`+`	Selector frate adiacent (Adjacent sibling selector)	`h1 + p`
`~`	Selector frate general (General sibling selector)	`h1 ~ p`

Selecțiile pot fi combinate pentru o definire mai precisă a elementelor.