CSS 类名的问题
2019-05-24 23:53
1541 查看
以下以数字开头的 CSS 类名不会生效: .1st{ color: red; } 一个合法的 CSS 类名必需以下面其中之一作为开头:
然后紧跟其他 _, -数字或字母。 用正则表示,一个合法的 CSS 类名为: -?[_a-zA-Z]+[_a-zA-Z0-9-]* 另,根据 CSS 标准 中的描述,如果类名开头是短横线 -,第二个字符必需是下划线 _或字母,但实测发现,除了提及的两个,紧跟另一个短横线也是生效的。 以下是测试代码及结果: <p class="1st">should apply red color</p> <p class="-1foo">should apply red color</p> <p class="-_foo">should apply red color</p> <p class="--foo">should apply red color</p> <p class="-foo">should apply red color</p> <p class="foo">should apply red color</p> .1st { color: red; } .-1foo { color: red; } .-_foo { color: red; } .--foo { color: red; } .-foo { color: red; } .foo { color: red; } 不同类名实际效果 相关资源 |
相关文章推荐
- Spring mvc jsp中引入静态css资源文件问题
- CSS关于box(盒模式)的一系列问题
- css中float浮动问题(1)
- 活用CSS巧妙解决超长文本内容显示问题
- css兼容问题
- ASP.NET 2.0中CSS失效的问题总结
- 关于HttpModule中像图片,*.css,*.js等资源文件也被请求问题的解决
- div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...) 四
- css中margin的一些易忽略的问题
- css布局之图片被拉伸问题
- HTML/CSS常见问题一:给table加边框(border),sub_div设float后导致父div无法自动撑开
- css遇到的一些问题
- 10个HTML和CSS必须知道的重点难点问题
- 网页Css+Div排版常见问题总结
- CSS浏览器兼容问题整理
- css的兼容问题
- css中float浮动问题(2)
- node中加载静态资源css,js等不显示问题
- bootstrap和jQuery.Gantt的css冲突问题
- CSS解决未知高度垂直居中的问题