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

StackOverflow https://stackoverflow.com/questions/61051

  •  09-06-2019
  •  | 
  •  

Вопрос

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

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

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

Это было полезно?

Решение

@Wayne Kao - У 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.

Другие советы

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

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

class = cdata-список [CS]

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top