Question

我想更改li div <a class="wasAdRead"的所有<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;
}

我试过了：

{{1}}

任何帮助表示赞赏！

Answer 1

你不能只使用CSS（2013年无论如何）。您需要使用javascript（通过选择每<li>并检查其内容）来执行此操作。在jQuery中，它提供了类似的内容：

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

...或者你可以等待CSS4（祝你好运，你可以等多年浏览器支持...）

您可以查看以下有关您问题的帖子：Is there a CSS parent selector?

Answer 2

在CSS中不可能，你只能用JS做到这一点。您也可以尝试这种替代解决方案。

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

Answer 3

这是你在寻找

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

Fiddle

更改所有`li`的背景（悬停）

3 个答案: