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

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

Answer 1

将鼠标悬停在某个位置时，您想要什么？ 这是你的悬停的一个例子：

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

Answer 2

你应该改变并试试这个：

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

Answer 3

你需要尝试这样

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

Demo Fiddle

Answer 4

尝试使用以下css，它将适合您。 Fiddle Link

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