CSS .classSelector

CSS完整选择器Manual de referencia completo de selectores CSS

Ejemplos

Seleccionar y aplicar estilo a todos los elementos con class="intro":

.intro { background-color:yellow; }

Pruébalo »

Definición y uso

.classEl selector se utiliza para seleccionar elementos HTML que tienen un atributo de clase (class) especificado.

Al usarlo en reglas CSS,.classse pueden aplicar estilos a múltiples elementos con la misma clase.

Nota:Los nombres de clase comienzan con.y pueden usarse en múltiples elementos de un documento HTML.

Código HTML:

<p class="highlight">Este es un párrafo con la clase "highlight".</p> <p>Este es un párrafo normal.</p> <p class="highlight">Este es otro párrafo con la clase "highlight".</p>

Código CSS

.highlight {
  color: red;
  font-weight: bold;
}

Pruébalo »

En el código anterior,.highlightla clase se aplica a dos<p>elementos. Al usar el.highlightselector, puedes seleccionar todos los elementos con esa clase y aplicarles estilos.

El código CSS del ejemplo anterior establece el color del texto en rojo y lo muestra en negrita, como se muestra a continuación:

Compatibilidad del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales lo admiten.classselector

Examples

Más ejemplos


Ejemplos

Selecciona todos los elementos <p> con class="hometown" y establece su color de fondo en amarillo:

p.hometown { background-color:yellow; }

Pruébalo »

CSS完整选择器Manual de referencia completo de selectores CSS Otras extensiones