css - CSS悬停不起作用

Question

我知道这是一个非常简单的问题，但我做不到。我需要添加一个：悬停，但它不起作用。这是html

<a href="/sport" data-placement="right" rel="tooltip" class="category_item">
            <p class="">Спорт и активный отдых</p>
</a>

在CSS中我尝试：

a.category_item:hover;
.category_item a:hover

但他们不工作。我做错什么了吗？

score 4 · Accepted Answer

将鼠标悬停在 a 上时你想要什么？这是您悬停的示例：

a.category_item:hover p {
   color: #ff0000;
}

score 1 · Accepted Answer

1

你应该改变并试试这个：

a.category_item p:hover{
    color: #ff0000;
}

于 2013-09-19T03:43:14.587 回答

score 0 · Accepted Answer

0

你需要像这样尝试

.category_item > p:hover
{
 background-color:yellow;
}

于 2013-09-19T03:46:15.370 回答

score 0 · Accepted Answer

试试下面的css，它会为你工作。小提琴链接

a.category_item:hover{
    color:#f10e0e;
}

4 回答 4