Как я могу применить правило CSS ко всем потомкам элементов

Question

Как вы можете переопределить класс, если он принадлежит другому определенному классу?

div.cls {
color:blue;
}

div.tst > div.cls {
color:red;
}

<div class="cls">test</div> // text color = blue

<div class="tst">
  <div class="cls">test</div> // text color = red
  <div>
    <div class="cls">test</div> // text color = blue
  </div>
<div>

Как сделать последний также красным?

jsfiddle

http://jsfiddle.net/gpD7H/

Answer 1

Я использовал это, у меня это работает:

.name-of-parent * {color: red;}

Answer 2

Используйте селектор потомков ^[W3C] : div.tst div.cls

> является дочернимселектор ^[W3C] и будет соответствовать только дочерним элементам.

Answer 3

Точно так же. Однако, ваше второе деление не будет красным текстом, потому что оно также содержится в другом делении. Селектор > соответствует только непосредственным дочерним элементам под соответствующим ему элементом, поэтому он смотрит внутрь div.tst только на один уровень. Попробуйте удалить > из селектора:

div.tst div.cls {
color:red;
}

Ваш обновленный jsFiddle