css悬停不起作用

我知道这个问题很简单，但我做不到。我需要添加一个：悬停，但它不工作。 这里是html

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

---

但它们不起作用。我做错了什么吗？

当你在屏幕上悬停时，你想要什么？ 这是一个悬停的示例：

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

---

当你在空中盘旋时，你想要什么？ 这是一个悬停的示例：

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

---

您应该进行更改并尝试以下操作：

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

---

您应该进行更改并尝试以下操作：

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

---

你需要像这样尝试

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

---

你需要像这样尝试

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

---

试试下面的css，它会对你有用

---

试试下面的css，它会为你工作

---

这应该行得通。你能展示更多的css代码吗？你还没有在你的问题上投入太多，例如a.category\u item:hover至少可以是一个实际的css规则，像a.category\u item:hover{text decoration:underline；}，这样堆栈用户就可以更好地理解你的目标。这应该是可行的。你能展示更多的css代码吗？你还没有在你的问题上投入太多，例如a.category_item:hover至少可以是一个实际的css规则，像a.category_item:hover{text decoration:underline；}，这样堆栈用户就可以更好地理解你的目标。