问css悬停不起作用(小代码)
EN

Stack Overflow用户

提问于 2018-07-13 06:57:03

回答 1查看 23关注 0票数 0

我正在尝试做一个网站，但由于某种原因，我被困在悬停。我知道怎么做，但我想我忘了什么。我想要的是当我将鼠标悬停在黑条上时，黑色变成白色，这样你就可以看到文本了。这是我的代码：

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。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51315532

复制

相似问题

问css悬停不起作用(小代码)EN