Селектор CSS для получения самого глубокого элемента определенного класса в дереве HTML

В моем HTML есть несколько элементов DIV, для некоторых из которых атрибут класса установлен на "rowsLayout". Некоторые из этих DIV rowLayout могут быть вложены друг в друга. Я хочу определить селектор CSS, который нацелен только на самые глубокие DIV в этих вложениях. То есть я не t хочет, чтобы любой из DIV rowLayout содержал любые другие DIV rowLayout.

<div id="a" class="rowsLayout">
  <div id="b" class="rowsLayout" />
  <div id="c" class="rowsLayout">
    <div id="d" class="rowsLayout" />
  </div>
</div>
<div id="e" class="rowsLayout" />

С этой структурой мне нужен селектор, который будет нацелен на b, d и e.

Можно ли это сделать?

12
задан thirtydot 9 March 2011 в 15:24
поделиться