Estoy trabajando en un poco de CSS de un tutorial, un div tiene esta clase:¿Cómo hacer referencia a un div con class = "name1 name2"?
<div class="related products">
¿Cómo se puede hacer referencia a lo que en la hoja de estilo?
En realidad, el div tiene dos clases, related y products. Puede referenciarlo en su hoja de estilo con .related o .products, y recogerá los estilos de ambas reglas. Por ejemplo, con el siguiente CSS, el texto en el div en su pregunta parecería rojo con tamaño de fuente 12:
.related { color:#ff0000 }
.products { font-size:12px }
Si desea seleccionar elementos con ambas clases, utilizar .related.products en su hoja de estilo. Por ejemplo, añada lo siguiente al ejemplo anterior:
.related.products { font-weight:bold }
Y el texto en su div recibirá las tres reglas, ya que coincide con los 3 selectores. Aquí hay un trabajo example.
En el css, sólo hay que poner la clase Nombre de la div al hacer esto:
.related products {
/*styling to go here*/
}
Ahora, cualquier estilo dentro de la clase de productos relacionados se aplicará a la div.
Esto no es correcto. Esto selecciona cualquier '
Esta respuesta es simplemente incorrecta. – Exelian
¡INCORRECTO! buscará un elemento '
div.related.products es el método general
Hace referencia a ella por div.related.products que se traduce literalmente a "un div con la clase de relacionado y clase de productos".
O bien, podría consultarlo utilizando nombres de clase, ya que captará ambos.
posible duplicado de [Cómo seleccionar clases con espacios] (http://stackoverflow.com/questions/6885013/how-to-select-classes-with-spaces) – BoltClock