html – CSS类选择器没有改变任何东西

前端之家收集整理的这篇文章主要介绍了html – CSS类选择器没有改变任何东西前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Which characters are valid in CSS class names/selectors?8个
我的CSS问题.它应该使用类(用于倒计时)设置div的颜色,但文本的颜色不会改变.我尝试了很多修复,但无法使其正常工作.这是相关的CSS:
.10seconds,.9seconds,.8seconds,.7seconds,.6seconds { color: #00b200 ;}
.5seconds { color: #ADFF2F ;}
.4seconds { color: #E5E500 ;}
.3seconds { color: #FFA500 ;}
.2seconds { color: #FF5719 ;}
.1seconds { color: #FF0000;}

和相关的HTML:

<div id='timer' class='10seconds'>10</div>

#timer在我的CSS文件中没有设置规则.完整CSS here.

提前致谢.

解决方法

这是因为你的类名以数字开头,这在CSS中是不允许的.还原名称和号码,例如:
.sec5{
  color: green;
}
<div class="sec5"> 5 sec </div>

看看这个question,它很好地解释了CSS类名

原文链接:https://www.f2er.com/html/232102.html

猜你在找的HTML相关文章