我试图实现的是，当鼠标悬停在td上时，背景变为黑色，文本颜色变为白色，但我只得到黑色背景。我相信这是因为“blueColor”和“redColor”类与“hover：hover”类之间存在干扰。第一个我尝试过使用！important属性，但没有成功，而且我不允许使用id。
busg9geu1#
因为您已经在p上定义了color，而不是td.hover，这意味着当td.hover处于hovered状态时，您必须更改<p>的颜色。您会注意到，如果您从CSS中删除这两种颜色，文本将在悬停时变为预期的白色。您可以同时以p为目标，并使用.hover:hover > p更改颜色。第一个
p
color
td.hover
hovered
<p>
.hover:hover > p
1条答案
按热度按时间busg9geu1#
因为您已经在
p上定义了color，而不是td.hover，这意味着当td.hover处于hovered状态时，您必须更改<p>的颜色。您会注意到，如果您从CSS中删除这两种颜色，文本将在悬停时变为预期的白色。
您可以同时以
p为目标，并使用.hover:hover > p更改颜色。第一个