我正在尝试做一个网站,但由于某种原因,我被困在悬停。我知道怎么做,但我想我忘了什么。我想要的是当我将鼠标悬停在黑条上时,黑色变成白色,这样你就可以看到文本了。这是我的代码:
div.spoiler1:hover div.spoiler1 {
background-color: white;
}
<div style='display:inline; background-color: black;' class='spoiler1'>hey</div>
我还尝试了这个css:
spoiler1:hover spoiler1 {
background-color: white;
}
div.spoiler1:hover,.spoiler1 {
background-color: white;
}
spoiler1:hover {
background-color: white;
}
发布于 2018-07-13 07:05:21
很好的努力。问题是内联样式覆盖了工作表。通常,不要使用内联样式(难以调试/维护,不可重用):
div.spoiler1 {
background-color: black;
display: inline;
}
div.spoiler1:hover {
background-color: white;
}
<div class='spoiler1'>hey</div>
请参阅此JSFiddle。
https://stackoverflow.com/questions/51315532
复制相似问题