Question

在我的CSS中，它并没有影响我的span标签，我已经尝试了很多，似乎无法让它工作。这是我的代码：

*对不起，我意识到“它不起作用”是模糊的。 css只是不适用。

.buttonContainer span.mySpan {
  margin-left: 3%;
  font-size: 3vw;
  cursor: pointer;
  display: inline-block;
  color: #A8A8A8;
}

.buttonContainer span.mySpan:hover {
  color: #F7BE33;
  text-decoration: underline;
  text-decoration-color: #F7BE33;
}

<div class="buttonContainer">
  <span class='mySpan' onmouseenter="openNavAbout()" onmouseleave="closeNavAbout()">&#9776;About us</span>
  <span class='mySpan' onmouseover="openNavTS();" onmouseout="closeNavTS();">&#9776;Team Structure</span>
  <span class='mySpan' onmouseover="openNavSE();" onmouseout="closeNavSE();">&#9776;Sustainability Efforts</span>
  <span class='mySpan' onmouseover="openNavTM();" onmouseout="closeNavTM();">&#9776;Team Members</span>
</div>

如果我将样式直接应用于跨度，它是有效的，所以它是可能的。任何帮助将不胜感激。

Answer 1

如果您已经为附加的样式表添加了一些规则并且它们没有生效，那么很可能浏览器仍然引用了早期版本的CSS文件，该文件保存在浏览器的缓存中。

要解决此问题，请清除浏览器的缓存。浏览器的开发人员工具通常也有一个设置，可以始终获取文件的最新副本;也就是说，不要缓存文件。

CSS不会影响<span>标记

1 个答案: