Ejemplo
Seleccionar y estilo de todos los elementos con class="intro" :
.intro {
background-color: yellow;
}
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
El .class selector selecciona los elementos con un atributo de clase específica.
Para seleccionar elementos con una clase específica, escriba un período (.) Carácter, seguido del nombre de la clase.
También puede especificar que los elementos HTML específicos solamente deben verse afectadas por una clase. Para ello, comenzar con el nombre del elemento, a continuación, escribir el período (.) Carácter, seguido del nombre de la clase (look at Example 1 below) .
Elementos HTML también puede referirse a más de una clase (look at Example 2 below) .
| Versión: | CSS1 |
|---|
Soporte para el navegador
| Selector | |||||
|---|---|---|---|---|---|
| .class | Sí | Sí | Sí | Sí | Sí |
sintaxis CSS
Más ejemplos
Ejemplo 1
Estilo toda <p> elementos con class="hometown" :
p.hometown {
background-color: yellow;
}
Inténtalo tú mismo " Ejemplo 2
Esta <p> elemento Wil ser de estilo de acuerdo a class="center" Y a class="large" :
<p class="center large">This paragraph refers to two classes.</p> Inténtalo tú mismo "