multiple - ¿Cómo asignar múltiples clases a un contenedor HTML?

html class attribute css

Question

¿Es posible asignar múltiples clases a un solo contenedor HTML ?

Algo como:

<article class="column, wrapper"> 

Answer 1

De la norma

7.5.2 Identificadores de elementos: los atributos id y class

Definiciones de atributos

id = nombre [CS]
Este atributo asigna un nombre a un elemento. Este nombre debe ser único en un documento.

class = cdata-list [CS]
Este atributo asigna un nombre de clase o conjunto de nombres de clase a un elemento. A cualquier número de elementos se les puede asignar el mismo nombre o nombres de clase. Los nombres de varias clases deben estar separados por caracteres de espacios en blanco.

Sí, solo pon un espacio entre ellos.

<article class="column wrapper">

Por supuesto, hay muchas cosas que puedes hacer con la herencia CSS. Solo buscalo en google.

Answer 2

Para asignar varias clases a un elemento html , incluya ambos nombres de clase dentro de las citas del atributo de clase y sepárelos con un espacio:

<article class="column wrapper"> 

En el ejemplo anterior, column y wrapper son dos clases css separadas, y ambas propiedades se aplicarán al elemento del article .

Answer 3

Sí, no hay coma. Solo un espacio. Porque piensa que la coma es parte de la primera clase, columna. Luego se hace la column, clase column, que no funciona. El código de trabajo se ve así: <article class="column wrapper">

Answer 4

Solo quita la coma de esta manera:

<article class="column wrapper">