Псевдокласс :hover и соседние элементы

[sazhyk]

Зравствуйте. Есть два куска кода:

первый

<div class="class1">Text1
   <div class="class2">Text2</div>
</div>
<style>
   .class2 {display:none;}
   .class1:hover .class2 {display:block}
</style>

и второй

<div class="1">Text1</div>
<div class="2">Text2</div>
<style>
   .class2 {display:none;}
   .class1:hover .class2 {display:block}
</style>

Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым.

Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношению к дочерним элементам. Помогите выйти из тупика. Заранее спасибо.

[SelenIT]

Сам :hover применим к чему угодно. Но селектор через пробел — это контекстный селектор, означающий (в данном случае) «элемент с классом .class2 внутри элемента .class1, на который навели мышкой». Чтобы выбрать соседний элемент (как во втором примере), нужно использовать соседский селектор.

[sazhyk]

Если не составит труда, помогите пожалуйста , там ситуация немного не совсем такая как я описал сначала.

https://docs.google....dit?usp=sharing

https://docs.google....dit?usp=sharing

но это наверное от незнания

Edited April 17, 2013 by sazhyk

[SelenIT]

Так с ходу на чистом CSS, к сожалению, не сделать. Соседские селекторы (что +, что ~) работают для элементов на одном уровне (с общим непосредственным родителем), а тут у .itemn отдельный контейнер. Если сделать .itemn не элементами списка ul.nav_bar, а отдельными дивами на одном уровне с .submenun (а список вообще убрать), можно будет воспользоваться селектором ~ (.item1 ~ .submenu1 и т.д.). Но, имхо, здесь лучше воспользоваться JS. Либо подумать над другой структурой кода, типа такой...

[sazhyk]

К сожалению структуру кода изменить нельзя. Наверное, как я и предполагал, придется воспользоваться JS. Хотя хотелось сделать всё на чистом css.

Тем не менее, огромное спасибо за беспокойство.

P.S. тему закрывать не буду (хотя вопрос отпал сам собой), но о результатах выхода из ситуации позже отпишу.

Ещё раз, огромное спасибо!11