Когда браузеры начали поддерживать несколько классов на тег?

Question

Вы можете использовать более одного класса CSS в теге HTML в текущих веб-браузерах, например ::

<div class="style1 style2 style3">foo bar</div>

Это не всегда работало; с каких версий основные браузеры начали правильно поддерживать эту функцию?

Answer 1

@ Уэйн Као - IE6 без проблем читает более одного имени класса в элементе и применяет стили, которые принадлежат каждому классу. Статья ссылается на создание новых стилей, основанных на комбинации имен классов.

<div class="bold italic">content</div>

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
{

IE6 будет применять стили div и bold и italic. Однако, скажем, мы хотели, чтобы все элементы, которые имеют полужирный курсив и классы, также были фиолетовыми. В Firefox (или, возможно, IE7, не уверен), мы могли бы написать что-то вроде этого:

.bold.italic {
  color: purple;
}

Это не будет работать в IE6.

Answer 2

Я считаю, что Firefox всегда поддерживал это, по крайней мере, начиная с v1.5. IE только добавил полную поддержку в v7. IE6 частично поддерживает его, но он довольно глючный, поэтому не рассчитывайте на его правильную работу.

Answer 3

Согласно blooberry , IE4 и Netscape 4.x не поддерживают это. HTML 4.0 spec говорит

class = cdata-list [CS]

Этот атрибут назначает имя класса или набор классов имена для элемента. Любое количество элементы могут быть назначены одинаково имя класса или имена. Множественный класс имена должны быть разделены пробелом символы.

Answer 4

Очевидно, что IE 6 не обрабатывает их правильно, если у вас есть селекторы CSS, которые содержат несколько имен классов: http://www.ryanbrill.com/archives/multiple-classes-in-ie/