Верстка многоуровневого списка

[xbreaker]

Извиняюсь, если вопрос такой был, поиском пользовался, честно :-).

Есть список вида:

<ul class="parent">
  <li class="first"></li>
  <li class="second">
    <ul class="child">
      <li class="first-child"></li>
      <li class="second-child"></li>
    </ul>
  </li>
  <li class="third">
    <ul class="child">
      <li class="fourth-child"></li>
      <li class="fifth-child"></li>
    </ul>
  </li>
  <li class="fourth"></li>
  <li class="fifth"></li>
</ul>

Как правильно написать селектор, чтобы при наведении на second-child менялся фон не только у second-child, но и у first-child? Это же правило должно работать, если second-child будет иметь потомков в виде нового списка UL, тогда наведение на одного из потомков должно выделять и second-child и first-child. Через JS такое написать не трудно, но можно ли реализовать такое средствами CSS 3?

[Softlink]

Нет.

[psywalker]

xbreaker, А пункты будут фикс высоты?

И покажи вообще полную картину на скринах.

[sigma77]

Ээээ....

.second .child:hover {

}
/* или */
.second .child:hover li {

}

Не?

[Softlink]

Ээээ....

.second .child:hover {

}
/* или */
.second .child:hover li {

}

Не?

Вроде об этих чайлдах речь. Наводим на second-child, реагирует first-child

 <li class="first-child"></li>
      <li class="second-child"></li>

Тут можно на ховере показывать псевдоэлемент у second-child'a, но тогда надо смотреть ситуацию с размерами и прочим окружающим оформлением.

[sigma77]

Вроде об этих чайлдах речь. Наводим на second-child, реагирует first-child

 <li class="first-child"></li>
      <li class="second-child"></li>

Ну так и я про них. Если при ховере на один из дочерних элементов должны меняться стили для всех дочерних, то почему бы это не разрулить через родителя...

http://jsfiddle.net/DtEPv/

[Softlink]

Вроде об этих чайлдах речь. Наводим на second-child, реагирует first-child

 <li class="first-child"></li>
      <li class="second-child"></li>

Ну так и я про них. Если при ховере на один из дочерних элементов должны меняться стили для всех дочерних, то почему бы это не разрулить через родителя...

http://jsfiddle.net/DtEPv/

Не, может оно так и есть, я не спорю. Но в этом случае если наводить на first-child, то также светится и second-child, т.е. все потомки. Если это устраивает, то да.

[DStereo]

Исходя из предложенного кода ТС - second-child не является потомком first-child, а является соседним элементом, так что не получится через наследование сделать. Тем более, что ТС нужно чтобы при наведении на второй, добавлялись стили для первого, если я правильно понял. В этом случае получается последовательность наоборот, а в этом случае нужен js.

[xbreaker]

Удалено.

Удалось приспособить вариант sigma77, думаю что проблема решена, спасибо :-).

Edited February 21, 2012 by xbreaker