¿Qué es un selector en CSS?

El selector en CSS es un patrón que determina a qué elementos HTML se aplican los estilos. Indica al navegador qué uno o varios elementos deben ser seleccionados.

Existen diferentes tipos de selectores:

Selectores de elementos (Type selectors): Seleccionan todas las instancias de un elemento HTML.
```
p { /* Selecciona todos los párrafos */
  color: blue;
}
```

Selectores de clases (Class selectors): Seleccionan elementos con un valor específico en el atributo class.

.highlight { /* Selecciona todos los elementos con la clase "highlight" */
  background-color: yellow;
}

Selectores de ID (ID selectors): Seleccionan un único elemento con un valor específico en el atributo id.
```
#header { /* Selecciona el elemento con id "header" */
  font-size: 2em;
}
```

Selector universal (Universal selector): Selecciona todos los elementos.

* { /* Selecciona todos los elementos en la página */
  margin: 0;
  padding: 0;
}

Selectores de atributos (Attribute selectors): Seleccionan elementos basándose en la presencia o valor de sus atributos.
```
[type="text"] { /* Selecciona todos los input con type="text" */
  border: 1px solid gray;
}
```

Pseudo-clases (Pseudo-classes): Seleccionan elementos según su estado.

a:hover { /* Selecciona el enlace al pasar el ratón */
  text-decoration: underline;
}

Pseudo-elementos (Pseudo-elements): Seleccionan partes específicas de un elemento o crean "elementos ficticios".
```
p::first-line { /* Selecciona la primera línea del párrafo */
  font-weight: bold;
}
```

Combinadores (Combinators): Definen relaciones entre selectores.

Combinador	Descripción	Ejemplo
Espacio ( )	Selector de descendientes (Descendant selector)	`div p`
`>`	Selector de hijos (Child selector)	`div > p`
`+`	Selector de hermanos adyacentes (Adjacent sibling selector)	`h1 + p`
`~`	Selector de hermanos generales (General sibling selector)	`h1 ~ p`

Los selectores pueden combinarse para definir elementos con mayor precisión.