Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > CSS:Изменить стиль одного объекта выделяя другой?

Автор: Nicholas 14.10.2015, 09:45

Надо сделать на чистом 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 19.10.2015, 08:46

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

Автор: ksnk 19.10.2015, 12:02

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

Код


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