CSS . Selector de clase
Ejemplo
Seleccione y aplique estilo a todos los elementos con class="intro":
.intro {
background-color: yellow;
}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El .class
selector selecciona elementos con un atributo de clase específico.
Para seleccionar elementos con una clase específica, escriba un carácter de punto (.), seguido del nombre de la clase.
También puede especificar que solo los elementos HTML específicos se vean afectados por una clase. Para hacer esto, comience con el nombre del elemento, luego escriba el carácter de punto (.), seguido del nombre de la clase (consulte el Ejemplo 1 a continuación).
Los elementos HTML también pueden hacer referencia a más de una clase (consulte el Ejemplo 2 a continuación).
Versión: | CSS1 |
---|
Compatibilidad con navegador
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Sintaxis CSS
.class {
css declarations;
}
Más ejemplos
Ejemplo 1
Dale estilo a todos los elementos <p> con class="hometown":
p.hometown {
background-color: yellow;
}
Ejemplo 2
Este elemento <p> tendrá un estilo de acuerdo con class="center" Y class="large":
<p class="center large">This paragraph refers to two classes.</p>