Est-il possible d'assigner plusieurs classes à un seul HTML
conteneur ?
Quelque chose comme :
<article class="column, wrapper">
Est-il possible d'assigner plusieurs classes à un seul HTML
conteneur ?
Quelque chose comme :
<article class="column, wrapper">
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 .
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 ?
@EternallyCurious Les attributs sont agrégés par le navigateur, donc ce comportement sera non déterministe.
@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.
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.
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.
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).
0 votes
Je vote pour la réouverture. Il n'y a pas de faute de frappe. La question porte intentionnellement sur la syntaxe avec la virgule.
0 votes
Pourquoi ne pas simplement supprimer la virgule ?