Выбор потомков, за исключением первого уровня

Question

<ul> 
    <li></li> 
    <li></li> 
    <li class="has-child will-be-ignored"> 
    <ul> 
     <li></li> 
     <li></li> 
     <li class="has-child will-be-selected"> 
     <ul> 
      <li></li> 
      <li></li> 
      <li class="has-child will-be-selected"> 
      <ul> 
       ... 
      </ul> 
      </li> 
     </ul> 
     </li> 
    <ul> 
    </li> 
<ul> 

Есть ли способ в CSS выбрать элементы с классом has-child will-be-selected. Эти элементы могут быть продолжены на любом уровне.

UPDATE:

will-be-ignored и will-be-selected классы просто выделить их выбрать. Эти классы фактически не существуют.

Answer 1

Конечно, шаг к первому уровню, а затем предназначаться тот, под которые:

ul > li.has-child li.has-child 

Конечно, в зависимости от вашей структуры, вы можете иметь на якорь, что первый уровень ul к своему родителю, чтобы сделать убедитесь, что его дочерний элемент li не случайно совпадает с селектором, например если ваш ul находится в другой.

Answer 2

Вы можете использовать:

ul ul > li.has-child.will-be-selected 

Answer 3

Самым простой и прямой способом был бы этот селектор ...

li.has-child.will-be-selected 

, который выбирает все элементы, которые имеют как has-child класса и will-be-selected класса как за ваше описание вопроса. Тем не менее, если вы хотите, чтобы пропустить первое использование уровня ...

ul ul li.has-child.will-be-selected 

в соответствии с названием вашего вопроса