Selectores de clase
En un documento HTML, los selectores de clase buscan un elemento basado en el contenido de su atributo class
. El atributo class
está definido como una lista de elementos separados por espacio, y uno de esos elementos debe coincidir exactamente con el nombre de clase dado en el selector.
Sintaxis
.classname { style properties }
Nótese que esto es equivalente al siguiente selector de atributo
:
[class~=classname] { style properties }
Ejemplo
CSS
css
span.classy {
background-color: DodgerBlue;
}
HTML
html
<span class="classy">Aquí hay un span con algo de texto.</span>
<span>Aquí hay otro.</span>
Especificaciones
Specification |
---|
Selectors Level 4 # class-html |
Compatibilidad con navegadores
BCD tables only load in the browser