Вхождегние li:hover

lordenas
На сайте с 09.05.2009
Offline
67
286

Есть такой код


<ul class="list-result">
<li>
<ul>
<li>28 Сентября 2013</li>
<li>20:00</li>
<li>Динамо <span>3:0</span> Manchester</li>
</ul>
</li>
</ul>

и стили


ul.list-result li {
list-style: none;
color: 6F6F6F;
font-size: 13px;
padding: 4px 0 4px 0;
cursor: pointer;
}

ul.list-result li:hover {
background: linear-gradient(to top, #450000, #890000) !important;
color: #fff;
}

ul.list-result li ul li {
display: inline-block;
}
ul.list-result li ul li:nth-child(1) {
width: 110px;
text-align: left;
padding-left: 5px;
}


ul.list-result li ul li:nth-child(2) {
width: 55px;
background: scroll;
text-align: right;
}

ul.list-result li ul li:nth-child(3) {
text-align: right;
width: 195px;
}

Проблема такая, что класс :hover работает не только для первого вхождения но и для второго. Как сделать так, чтобы работал только для первого li ?

C
На сайте с 26.10.2013
Offline
54
#1

В смысле, чтобы для первого уровня в списке работало, а для второго нет?

Попробуйте так

ul.list-result>li:hover {
background: linear-gradient(to top, #450000, #890000) !important;
color: #fff;
}
Услуги по парсингу данных (/ru/forum/939826), единоразовый и регулярный сбор данных. Любые объемы. Скрипты на PHP, создание и доработка, решение проблем с сайтами Пишите в личные сообщения или скайп
lordenas
На сайте с 09.05.2009
Offline
67
#2

Да, именно это и хотел. Спасибо.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий