Recomendación de curso:class CSS .

Selector

Definición y uso .class atributo. class CSS

elementos con un valor específico de atributo..) caracteres, seguidos de class Para seleccionar todos los elementos de un tipo específico con una clase específica, escribe un punto (

elemento.class atributo. class atributo. Los selectores se utilizan para seleccionar elementos con un valor específico de

para seleccionar solo los elementos que tienen un valor específico de class escribir el nombre del elemento, seguido de un punto (.) caracteres, seguidos de class valores de atributo (ver el ejemplo 2 siguiente)。

Consejo:Los elementos HTML pueden referenciar múltiples class（Ver el ejemplo 3 siguiente）。

Ejemplo

Ejemplo 1

Establece estilos para todos los elementos con class="introducción":

.introducción {
  background-color: amarillo;
}

Prueba por ti mismo

Ejemplo 2

Establece estilos para todos los elementos <p> con class="introducción":

p.introducción {
  background-color: amarillo;
}

Prueba por ti mismo

Ejemplo 3

.class Diferentes usos de los selectores:

/* Selecciona todos los elementos con class="centrado" */
.centrado {
  text-align: centro;
}
/* Selecciona todos los elementos <p> con class="grande" */
p.grande {
  font-size: 200%;
}
/* Selecciona todos los elementos <p> que contienen class="fancy" y "beige" en la lista de class */
p.fancy.beige {
  font-family: 'Courier New', monoespacio;
  background-color: beis;
  border: 2px sólido verde;
}
/* Selecciona todos los elementos con class="ex1" dentro del elemento <p> que también tienen class="ex2" */
p.ex1 .ex2 {
  background-color: amarillo;
}

Prueba por ti mismo

Sintaxis de CSS

.class {
  declaraciones de CSS;
}

Sintaxis de CSS

elemento.class {
  declaraciones de CSS;
}

技术细节

浏览器支持