448 votes

Comment attribuer plusieurs classes à un conteneur HTML ?

Est-il possible d'assigner plusieurs classes à un seul HTML conteneur ?

Quelque chose comme :

<article class="column, wrapper">

1 votes

Quel problème avez-vous maintenant ? En tout cas, c'était la solution à ce problème. Tout autre problème peut dépendre de plusieurs facteurs.

1 votes

Bien que cela soit faisable, j'utilise généralement des conteneurs imbriqués avec un héritage CSS. C'est beaucoup plus joli et généralement plus utile.

0 votes

Si vous rencontrez toujours un problème après avoir supprimé la virgule, je vous suggère de consulter les conseils sur pourquoi les règles ne fonctionnent pas . J'ai constaté que le ralentisseur le plus courant pour moi est la situation décrite ici comme "Utilisation d'un raccourci de poperty" (c'est-à-dire le retour implicite à une valeur par défaut).

606voto

Aurelio De Rosa Points 11778

Enlevez juste la virgule comme ceci :

<article class="column wrapper">

6 votes

<article class="class1 class2 ... classN">

4 votes

C'est bizarre qu'il y ait des espaces à la place des virgules. Mais oui, merci pour la réponse

210voto

Jonathan Henson Points 4602

De la norme

7.5.2 Identificateurs d'éléments : les attributs id et class

Définitions des attributs

id = nom [CS]
Cet attribut attribue un nom à un élément. Ce nom doit être unique dans un document.

classe = cdata-list [CS]
Cet attribut attribue un nom de classe ou un ensemble de noms de classe à un élément. Un nombre quelconque d'éléments peuvent se voir attribuer le ou les mêmes noms de classe. Plusieurs noms de classe doivent être séparés par des caractères d'espacement.

Oui, il suffit de mettre un espace entre les deux.

<article class="column wrapper">

Bien sûr, il y a beaucoup de choses que vous pouvez faire avec l'héritage CSS. Voici un exemple article pour une lecture plus approfondie .

3 votes

Comment un navigateur doit-il réagir si un élément est affecté à plusieurs classes qui définissent des valeurs différentes pour les mêmes attributs ? Existe-t-il un ordre de préséance pour cela ?

0 votes

@EternallyCurious Les attributs sont agrégés par le navigateur, donc ce comportement sera non déterministe.

6 votes

@JonathanHenson : non, ce n'est pas le cas. En cas d'égalité de spécificité, la règle qui apparaît plus tard dans le CSS l'emporte.

23voto

Webeng Points 5248

Pour attribuer plusieurs classes à un élément html Dans le cas de l'attribut class, les deux noms de classe sont inclus dans les guillemets de l'attribut class et sont séparés par un espace :

<article class="column wrapper"> 

Dans l'exemple ci-dessus, column y wrapper sont deux classes css distinctes, et leurs deux propriétés seront appliquées à la balise article élément.

-6voto

amit kumar Points 1

Vous devez mettre un point entre la classe comme

class="column.wrapper">

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X