VPF::CSS:Изменить стиль одного объекта выделяя другой?

Nicholas

Дата 14.10.2015, 09:45 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 436
Регистрация: 30.9.2004

Репутация: нет
Всего: 0

Надо сделать на чистом CSS, как я только не бился не получается.((
В общем вот такая древовидная менюшка, перед пунктами стоит картинка стрелки надо сделать,чтобы при наведении на название пункта стрелка менялась.

Код


<div class="menu-sitemap-tree">
<ul>
    <li class="close_m" >
    <div class="folder" onClick="OpenMenuNode(this)"></div>
    <div onClick="OpenMenuNode(this)"  class="item-text"  >Пункт меню куда навожу</div>
    <ul>

Сейчас стрелка меняется если навести на нее и сделано это так:

Код


div.menu-sitemap-tree li.close_m div.folder:hover{background-image:url(images/second-menu-marker-hover.png);}
div.folder{cursor:pointer; cursor: hand;background-image:url(images/second-menu-marker-selected.png);}
div.menu-sitemap-tree li.close_m div.folder{background-image:url(images/second-menu-marker.png);}

я делают так:

Код



div.menu-sitemap-tree div.item-text:hover div.menu-sitemap-tree li.close_m div.folder{background-image:url(images/second-menu-marker-hover.png);}

Т.е. при наведении на Div c классом item-text меняй фон у Div с классом folder, находящийся по адресу div.menu-sitemap-tree li.close_m div.folder ...
и ничего не работает... smile

Это сообщение отредактировал(а) Nicholas - 14.10.2015, 09:47

Nicholas

Дата 19.10.2015, 08:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 436
Регистрация: 30.9.2004

Репутация: нет
Всего: 0

Тишина значит.. ну ну...

ksnk

Дата 19.10.2015, 12:02 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

В Css нет возможности указать "родительский"элемент. Только с помошью Javascript.
Почему бы не менять .folder при наведении на LI, который его содержит?
Получится что-то вроде

Код


li.close_m:hover div.folder  {
    background-image:url(images/second-menu-marker-hover.png);
}

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »