Когда браузеры начали поддерживать несколько классов для каждого тега?
Вопрос
Вы можете использовать более одного 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/