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烟雾改为类烟雾...

so html-<div class="smoke"> 而CSS代替#smoke将是.smoke

问题解决程序...但是，如果您提供给我们IDE的名称，或者在哪里出现该错误，我们可以为您解决问题。

Answer 2

您应该用一个类替换id， id是用于锚点的，最好使用class作为样式

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

并替换为您的CSS文件：

#smoke {
}

通过

.smoke {
}

CSS错误：“不要在选择器中使用ID”我该如何解决？

2 个答案: