Как применить css правило для класса и исключить другой класс?

Question

[Владимир]

Есть такая конструкция:

<li class="class-name-1 class-name-2">
  <a>
     <h3></h3>
  </a>
</li>

<li class="class-name-2">
  <a>
     <h3></h3>
  </a>
</li>

Можно ли так прописать правила для li.class-name-2 h3, но так, чтобы они не применились к li.class-name-1 h3 ?

з/ы Эти два куска кода находятся на разных страницах

Answer 1

[Александр Гамов]

htmlbook.ru/css/not

.class-name-2:not([class*="class-name-1"]) h3 {}

Answer 2

[Владимир]

li.class-name-2:not(.class-name-1) h3

Я правильно понял?

Answer 3

[Андрей Верх]

Единственно правильное решение - добавить новый класс к блоку или вообще к заголовку.
Любые другие решения, это говнокод, в котором потом запутаться как нефиг делать.

Answer 4

[khipster]

li:last-child .class-name-2 h3

ЗЫ У меня самое простое :З

Comments

[Владимир]

спасибо, но элемент не последний

[Котик Антон]

И самое не правильное

[khipster]

27cm: :P

Answer 5

[Павел Гоголинский]

Я не знаю, но думаю зря вы в первом случае добавляли класс class-name-2 вообще

Answer 6

[Виталий]

.class-name-1.class-name-2{color: red;}
		.class-name-2{color: green;font-weight: bold;}

для некоторых случаем можно и так ...

Comments

[Владимир]

Не подходит, вы перебиваете стили, а если их много?