以下以数字开头的 css 类名不会生效：
.1st{
color: red;
}一个合法的 CSS 类名必需以下面其中之一作为开头：
1、下划线 _
2、短横线 -
3、字母 a - z
立即学习“前端免费学习笔记（深入）”；
然后紧跟其他 _ ， - 数字或字母。
（推荐教程：CSS入门教程）
思高网络商城CycooShop
下载
主要模块：首页商品推荐 /顾客留言发布 /商品分类浏览 /按商品分类、关键字搜索商品 /商品购物车 人信息中心 /显示商品详细介绍以及多图片显示功能 /商品类别管理有分大类中类的类别设定商品搜索类别设定 /商品管理有临时关闭不在线功能 /订单管理 /支付类型管理模块 留言管理 /后台权限分级管理 /密码修改 /新闻管理 /网站配置管理 /滚动广告管理v1.58更新：1、增强支付接口设置。2、内置支
用正则表示，一个合法的 CSS 类名为：
-?[_a-zA-Z]+[_a-zA-Z0-9-]*
根据CSS 标准 中的描述，如果类名开头是短横线 - ，第二个字符必需是下划线 _ 或字母，但实测发现，除了提及的两个，紧跟另一个短横线也是生效的。
以下是测试代码及结果：
should apply red color
should apply red color
should apply red color
should apply red color
should apply red color
should apply red color
.1st { color: red; } .-1foo { color: red; } .-_foo { color: red; } .--foo { color: red; } .-foo { color: red; } .foo { color: red; }
结果如图：
相关视频教程推荐：css视频教程
