ARGO
Supongamos que tengo un elemento llamado <article> Sé que puedo agregar una clase como esta:
<article class="column">
Ahora quiero aplicar las clases CSS “columna” y “envoltura” lo.
¿Es posible asignar múltiples clases a una sola? HTML ¿envase? Si es así, ¿cuál es la sintaxis correcta?
Simplemente elimine la coma de esta manera:
<article class="column wrapper">
-
– André Elrico
19 de enero de 2018 a las 12:11
-
Extraña su espacio en lugar de comas. pero si gracias por la respuesta
– Soham Mehta
23 oct 2019 a las 20:41
jonathan henson
de la norma
7.5.2 Identificadores de elementos: los atributos id y class
Definiciones de atributos
identificación = nombre [CS]
Este atributo asigna un nombre a un elemento. Este nombre debe ser único en un documento.
clase = lista de datos c [CS]
Este atributo asigna un nombre de clase o un 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 clases múltiples deben estar separados por caracteres de espacio 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. Aquí hay un artículo para leer más.
-
¿Cómo se espera que reaccione un navegador si un elemento se asigna a varias clases que establecen diferentes valores para los mismos atributos? ¿Hay algún orden de precedencia para eso?
– EternamenteCurioso
1 de enero de 2014 a las 15:22
-
@JonathanHenson: no, no lo es. En caso de especificidad empatada, gana la regla que aparece más adelante en el CSS.
– Ulrich Schwarz
10 de enero de 2014 a las 12:24
-
@UlrichSchwarz la clase CSS enumerada más tarde (lo que esperaba cuando probé esto), o más tarde en todos los archivos CSS? Porque lo primero ciertamente no funciona en los navegadores en los que probé, mientras que probé la última hipótesis.
–Jonathan Henson
13 de enero de 2014 a las 15:22
-
@JonathanHenson: Según Especificaciones CSS 2.1, “si dos declaraciones tienen el mismo peso, origen y especificidad, la última especificada gana. Las declaraciones en las hojas de estilo importadas se consideran anteriores a cualquier declaración en la propia hoja de estilo”. Entonces es orden de declaración CSS. Los nombres en el atributo de clase no tienen un orden específico, ya que
.fooes azúcar sintáctico para[class ~= foo]árbitro“fooes una palabra en elclassatributo”.– Ulrich Schwarz
13/01/2014 a las 16:50
-
@UlrichSchwarz Gracias por la aclaración.
–Jonathan Henson
13 de enero de 2014 a las 19:12
Webeng
Asignar varias clases a una elemento htmlincluya ambos nombres de clase dentro de las comillas del atributo de clase y téngalos separados por 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 article elemento.
-
¿En qué se diferencia esta respuesta de la anterior?
– Iván Rodríguez Torres
28 de junio de 2016 a las 22:09
necesitas poner un punto entre la clase como
clase=”columna.envoltorio”>
¿Qué problema tienes ahora? De cualquier manera esa era la solución a este problema. Cualquier otro problema puede depender de varios factores.
–Aurelio De Rosa
4 de enero de 2012 a las 5:05
Aunque esto es factible, generalmente uso contenedores anidados con herencia CSS. Es mucho más bonito y, por lo general, más útil.
–Jonathan Henson
4 de enero de 2012 a las 5:12
Si aún tiene problemas después de eliminar la coma, le sugiero que consulte la guía sobre por qué las reglas no funcionan. Descubrí que el aumento de velocidad más común para mí es la situación descrita allí como “Uso de una propiedad abreviada” (es decir, volver implícitamente a un valor predeterminado)
– LJ en Nueva Jersey
29 dic 2015 a las 20:50
Voto para reabrir. No hay ningún error tipográfico involucrado. La pregunta está específicamente preguntando intencionalmente sobre la sintaxis con la coma.
– Basil Bourque
24 de octubre de 2021 a las 1:21