Los selectores en CSS son una forma de seleccionar y aplicar estilos a elementos específicos en una página web. Hay varios tipos de selectores en CSS, y cada uno tiene su propia sintaxis y uso. A continuación, se describen algunos de los selectores más comunes:
Selector universal: *
Este selector se aplica a todos los elementos de la página.
* {
margin: 0;
padding: 0;
}Selector de etiqueta: nombre-de-etiqueta
Este selector se aplica a todos los elementos de una etiqueta específica.
p {
font-size: 16px;
color: #333;
}Selector de clase: .nombre-de-clase
Este selector se aplica a todos los elementos que tengan asignada una clase específica.
.mi-clase {
background-color: yellow;
}Selector de ID: #nombre-de-id
Este selector se aplica a un único elemento que tenga asignado un ID específico.
#mi-id {
border: 1px solid black;
}Selector descendente: selector-padre selector-hijo
ste selector se aplica a todos los elementos hijos que estén dentro de un elemento padre específico.
ul li {
list-style: none;
}Selector de atributo: [atributo="valor"]
Este selector se aplica a todos los elementos que tengan un atributo específico y un valor específico.
a[target="_blank"] {
color: red;
}Selector de pseudo-clase: :pseudo-clase
Este selector se aplica a elementos que estén en un estado específico.
a:hover {
text-decoration: underline;
}