CSS: стиль, когда элемент имеет два класса

Я просматривал страницу w3 о селекторах CSS и не нашел никаких многообещающих ведет, поэтому я подумал, что спрошу ...

Есть ли способ стилизовать один элемент с двумя классами иначе, чем если бы это был один класс?

Пример:

<a class="foo">Red</a>
<a class="bar">Yellow</a>
<a class="foo bar">Orange</a>

a.foo { color:red; }
a.bar { color:yellow; }
a.foo.bar { color:orange; }

person superUntitled    schedule 12.10.2010    source источник
comment
Если вы хотите стилизовать элемент с двумя указанными классами, вот вам ответ. Если любые два класса, я в этом не уверен.   -  person BoltClock    schedule 13.10.2010
comment
То, что у вас работает. Обратите внимание, что IE6 не поддерживает перегрузку классов. Он распознает только последний класс.   -  person Jason McCreary    schedule 13.10.2010
comment
Для иллюстрации точки зрения @Jason McCreary об IE6 см. мой ответ на дубликат этого вопроса   -  person BoltClock    schedule 13.10.2010


Ответы (3)


Вы только что сами ответили. Остерегайтесь ошибки IE6..

person meder omuraliev    schedule 12.10.2010
comment
Спасибо, я думаю, css интуитивно понятен! - person superUntitled; 13.10.2010
comment
@superUntitled Вы все еще поддерживаете это ...? :) - person Manuel Reis; 02.09.2015


Я просто попробовал код, который вы добавили, и он отлично работает (по крайней мере, в Chrome). Возможно, где-то в вашем CSS есть ошибка, или какой-то другой стиль переопределяет ее.

person GSto    schedule 12.10.2010