Как назначить несколько классов для контейнера HTML? - PullRequest
358 голосов
/ 04 января 2012

Можно ли назначить несколько классов для одного HTML контейнера?

Что-то вроде:

<article class="column, wrapper"> 

Ответы [ 4 ]

483 голосов
/ 04 января 2012

Просто удалите запятую так:

<article class="column wrapper"> 
174 голосов
/ 04 января 2012

Из стандарта

7.5.2 Идентификаторы элемента: атрибуты id и класса

Определения атрибутов

id = name [CS]
ThisАтрибут присваивает имя элементу.Это имя должно быть уникальным в документе.

class = cdata-list [CS]
Этот атрибут назначает элементу имя класса или набор имен классов.Любому числу элементов может быть присвоено одно и то же имя класса или имена.Несколько имен классов должны быть разделены пробелами.

Да, просто поставьте между ними пробел.

<article class="column wrapper">

Конечно, есть много вещей, которые вы можете сделать с наследованием CSS.Вот статья для дальнейшего чтения .

16 голосов
/ 29 июня 2016

Чтобы назначить несколько классов элементу html , включите оба имени класса в кавычки атрибута класса и разделите их пробелом:

<article class="column wrapper"> 

В приведенном выше примере column и wrapper - это два отдельных класса css, и оба их свойства будут применены к элементу article.

9 голосов
/ 16 февраля 2018

Да, без запятой.Просто пространство.Потому что он думает, что запятая является частью первого класса, столбца.Затем он делает класс column,, который не работает.Рабочий код выглядит так: <article class="column wrapper">

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...