Html 将鼠标悬停在段落上时，如何更改锚元素的颜色？

将鼠标悬停在元素上以更改元素的颜色

我有下面的HTML

<p class="ItemMenu "><a href="">Inicio</a></p>                  
<p class="ItemMenu "><a href="#">Cadastro</a></p>

---

如何将鼠标放入

我的

文本是白色的？

要影响元素中的另一个元素，可以尝试

.ItemMenu:hover a { color: red; }

这应该适合你

HTML：

<p class="ItemMenu"><a href="#">On hover over paragraph</a></p>
<p class="ItemMenu2"><a href="#">On hover over link</a></p>

---

但是如果您想在悬停

a

后更改

p

的背景。。。不，你不能这么做-试着用JS来做。ItemMenu a:hover？

。ItemMenu:hover，.ItemMenu:hover a

如果你想改变

p

和

a

的颜色是的，不清楚需要改变哪种颜色，我认为是

p

和

a

.ItemMenu:hover a
{
    color:white !important;
    background:#74BAF0;

}

<p class="ItemMenu"><a href="#">On hover over paragraph</a></p>
<p class="ItemMenu2"><a href="#">On hover over link</a></p>

p.ItemMenu:hover
{
    color: black;
    background: #74BAF0;
}

p.ItemMenu:hover a
{
    color: black;
}

p.ItemMenu2 a:hover
{
    color: black;
    background: #74BAF0;
}