CSS 错误："Don't use IDs in selectors"如何解决此问题？

Question

我有这些代码，用于为我的Html页面提供动画背景(我在互联网上找到了这些代码(。每次保存CSS文件时，我都会收到这样的错误："不要在选择器中使用ID。"。我该怎么解决这个问题？

HTML

<link rel="stylesheet" href="style.css">
<div id="smoke">
<span class="s0"></span>
<span class="s1"></span>
<span class="s2"></span>
<span class="s3"></span>
<span class="s4"></span>
<span class="s5"></span>
<span class="s6"></span>
<span class="s7"></span>
<span class="s8"></span>
<span class="s9"></span>
</div>

CSS

body {background: #18d0f0}
/* Smoke container */
#smoke {
position: absolute;
z-index: 3;
width: 1px; height: 160px;
left: 50%; bottom: 30px;
}
/* No animations? Display a static smoke image */
.disableAnimations #smoke,
.no-cssanimations #smoke {
width: 86px;
margin-left: -25px;
bottom: 146px;
background: url('../img/smokeNoAni.png') no-repeat center bottom;
}
/* smoke balls */
.cssanimations #smoke span {
display: block;
position: absolute;
bottom: -35px; left: 50%; margin-left:-20px;
height: 0px; width: 0px;
border: 35px solid #4b4b4b;
border-radius: 35px;
left: -14px; opacity: 0;
transform: scale(0.2);
}

Answer 1

最简单的解决方案是将id烟雾更改为class烟雾。。。

所以html-<div class="smoke">css而不是#smoke将是.smoke

问题解决程序。。。但如果您向我们提供IDE的名称，或者您在哪里得到错误，我们可以帮助解决问题。

Answer 2

您应该用类替换id，id是锚，例如，最好使用类作为样式

<div class="smoke"></div>

并在您的css文件中替换：

#smoke {
}

通过

.smoke {
}