0

Есть ссылка, ниже список.

<a class="topPage" href="#">Page 1</a>
<ul class="subMenu">
  <li class="subLi">UndPage 1</li>
  <li class="subLi">UndPage 2</li>
  <li class="subLi">UndPage 3</li>
</ul>

Как менять к примеру цвет Текста UndPage при наведении на ссылку Page1? Получается только с соседними элементами. Заранее спасибо!

2 ответа 2

0

/* для всех */
.topPage:hover+.subMenu li {
  color: green;
}

/* для 1 */
.topPage:hover+.subMenu li:nth-child(1) {
    /*color: red;*/
}

/* для 2 */
.topPage:hover+.subMenu li:nth-child(2) {
    /*color: blue;*/
}

/* для 3 */
.topPage:hover+.subMenu li:nth-child(3) {
    /*color: orange;*/
}
<a class="topPage" href="#">Page 1</a>
<ul class="subMenu">
  <li class="subLi">UndPage 1</li>
  <li class="subLi">UndPage 2</li>
  <li class="subLi">UndPage 3</li>
</ul>

1
  • это если рядом. а мне надо наводить на блок вверху а цвет менять через 2 картинки ниже
    – ExposedCat
    12 июл 2017 в 17:08
0

.eventdependent:hover + .dependent li{
color:#07a;
}
<a href="javascript:void(0)" class="eventdependent">Наведи!</a>
<ul class="dependent">
  <li>Тут что-то
  <li>Тут что-то тоже
  <li>Конец списка
</ul>

1
  • это если рядом. а мне надо наводить на блок вверху а цвет менять через 2 картинки ниже
    – ExposedCat
    12 июл 2017 в 17:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.