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

标签 html css

<分区>

我的 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 类名

关于html - CSS 类选择器没有改变任何东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33141553/

相关文章:

php - TextArea 到 PHP 数组

html - 多级嵌套 Bootstrap 结构布局建议?

PHP-Admin,学生登录

css - 在列表元素中以内联样式对图像进行排序

html - IE7 错误 - float : left child of float: right parent

javascript - Jquery 滚动动画滚动到 div 的底部而不是顶部

html - 响应式字体大小/粗细

css - CSS3/SVG 中使用的 4x4 变换矩阵背后的方程式是什么?

c# - 制作相同宽度的 Kendo UI 文本框

javascript - 在另一个网站上调用 HTML 表单和 CSS