Использование нескольких классов для одного элемента

Цель:

Узнать, можно ли использовать на элементе несколько различных классов, и если да — то как.

Результат:

Можно.
CSS классы можно комбинировать как угодно, синтаксис при этом следующий:

<div class="one two three"></div>

Т.е. различные классы прописываются через пробел.

При этом действуют следующие принципы наследования:
1. Наибольшей специфичностью обладает свойство, указанное в последнем перечисленном классе (т.е. если в нескольких классах указывать разный цвет фона — будет применен последний, т.к. он перекроет ранее указанные)
2. Специфичность аналогичных свойств, указанных в ID элемента выше, нежели в классе. (т.е. если в ID элемента указан background:red а в классе — backgound:black — фон будет красным, т.к. у ID специфичность больше)

Комбинирование классов работатет во всех браузерах включая IE 6.

Ссылка на пример

comments powered by HyperComments