Многоэлементный ролловер с использованием CSS - PullRequest
Новая
       8

Многоэлементный ролловер с использованием CSS

0 голосов
/ 02 августа 2011

Мне нужно, чтобы div'ы показывали {border-bottom:solid 2px #F63} при пролонгации элемента списка. Я играл с .whatever:hover .whatever {, но ничего не придумал. Есть предложения?

1 Ответ

1 голос
/ 02 августа 2011

Не видя вашего CSS / HTML, сложно / невозможно опубликовать решение. Но, как упомянул @James Khoury в комментарии, вам нужно поместить div внутри li. Так что-то вроде этого ... 

<ul>
    <li class="first">First
        <div class="first">
            First
        </div>
    </li>
    <li class="second">Second
        <div class="second">
            Second
        </div>
    </li>    
</ul>

CSS 

div{width:50px; height:50px; 
    border:1px solid blue; 
    margin:1em;}

li a{display:block;}

li.first:hover div.first, li.second:hover div.second{
    border-bottom:solid 2px #F63;}

http://jsfiddle.net/jasongennaro/6rjd9/

...