Comment affecter plusieurs classes à un conteneur HTML?
Est-il possible d'affecter plusieurs classes à un seul conteneur HTML?
Quelque chose comme:
<article class="column, wrapper">
Supprimez simplement la virgule comme ceci:
<article class="column wrapper">
De la norme
7.5.2 Identificateurs d'élément: les attributs id et class
Définitions d'attributs
id = nom [CS]
Cet attribut attribue un nom à un élément. Ce nom doit être unique dans un document.class = cdata-list [CS]
Cet attribut attribue un nom ou un ensemble de noms de classe à un élément. N'importe quel nombre d'éléments peut se voir attribuer le même nom de classe ou les mêmes noms. Les noms de classe multiples doivent être séparés par des espaces.
Oui, il suffit de laisser un espace entre eux.
<article class="column wrapper">
Bien sûr, il y a beaucoup de choses que vous pouvez faire avec l'héritage CSS. Voici un article pour une lecture ultérieure .
Pour affecter plusieurs classes à un élément html, incluez les deux noms de classe dans les citations de l'attribut class et séparez-les par un espace:
<article class="column wrapper">
Dans l'exemple ci-dessus, column et wrapper sont deux classes CSS distinctes et leurs deux propriétés seront appliquées à l'élément article.
Oui, pas de virgule. Juste un espace. Parce qu'il pense que la virgule fait partie de la première classe, la colonne. Ensuite, la classe column, ne fonctionne pas. Le code de travail ressemble à ceci: <article class="column wrapper">