Изменить фон для всех `li` (hover)

Я хочу изменить фон для всех li который имеет div, который имеет <a class="wasAdRead".Изменить фон для всех `li` (hover)

<li> 
    <div class="notification_div" style="padding-top: 6px;"> 
     <a class="wasAdRead" style="cursor:pointer;">Remind me later</a> 
    </div> 
</li>

Я пробовал:

#notification-list li[div[.wasAdRead]]:hover 
{ 
    background: white; 
}

Любая помощь приветствуется!

источник

2013-08-22 Alon Shmiel

Вы не можете сделать это только с текущим CSS (3). Вы можете сделать это с помощью JS или подождать до CSS 4 :) – Itay

Я не думаю, что вы можете. Вы пытаетесь выбрать родительский элемент '.notification_div', что невозможно с чистым CSS (с JS вы можете). Также проверьте: http://stackoverflow.com/a/1014958/1930721 – LinkinTED

Есть ли у вас ли другие вещи? если нет ... почему бы просто не поместить класс isAdRead в элемент li? или вы можете изменить цвет фона div, это не сама лития, а как элемент блока, он заполнит всю область li (если у нее нет отступов) – aleation

Вы не можете сделать это с помощью CSS (только в 2013 году). Вам нужно сделать это с помощью javascript (выберите каждый <li> и проверьте их содержимое). В JQuery, это дает что-то вроде:

$("a.wasAdRead").parents('li').css("background-color", "white");

... или вы можете ждать CSS4 (удачи, вы можете ждать много лет, браузер поддерживает ...)

Вы можете проверить этот пост, который о вашей проблеме: Is there a CSS parent selector?

источник

2013-08-22 07:24:17

Невозможно в CSS, вы можете сделать это только с помощью JS. Также вы можете попробовать это альтернативное решение.

.notification_div a.wasAdRead{ 
    display:block; 
    padding-top:6px; 
    cursor: pointer; 
    background-color:white; 
}

источник

2013-08-22 07:26:42

ли это вы ищете

li > .notification_div > .wasAdRead:hover{ 
    display:block; 
    padding-top:6px; 
    cursor: pointer; 
    background-color:red; 
}

Fiddle

источник

2013-08-22 08:12:07

Изменить фон для всех `li` (hover)

ответ

Смежные вопросы