Question

将鼠标悬停在

上更改元素的颜色

我有以下HTML

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

和CSS

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

}

如何将我的鼠标放入<p>我的<a>文字为白色？

Answer 1

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

}

这对你有用！

Answer 2

要影响元素中的其他元素，可以尝试

gcc example.c -o name

Answer 3

HTML：

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

CSS：

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

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

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

https://codepen.io/anon/pen/oprPYR

但是如果你想在悬停p之后改变a的背景......不，你不能这样做 - 尝试用JS做

当悬停在段落上时，如何更改锚元素的颜色？

3 个答案: