第三章 css选择器的命名

本文介绍了CSS选择器的命名规范,包括大小写不敏感、命名合法性问题,如类名和ID选择器不应以数字开头,以及最佳实践,如避免使用通用类名,善用面向属性的样式,避免使用ID选择器,不使用嵌套选择器,以及使用状态类名进行动态样式管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.大小写问题

众所周知,在html中,标签和属性名是不区分大小写的,但是属性值是区分大小写的。所以在css中,标签选择器和只涉及属性名的选择器是不区分大小写的。

DIV{
   
  ...code...
}
[CLASS]{
   
  ...code....
}

2.命名的合法性问题

2.1最好类名选择器和ID选择器不要用数字开头,如果真的要用需要用 \xx (十六进制来代替直接写十进制)并且后面需要加上一个额外的空格比如.\31 -foo{}想表达的其实就是class=“1-foo”。当然了,这个空格是绝对的,比如想表达class="1"和一个父子关系的时候,.\31 em中间有整整两个空格哦~~~
2.2其实css的命名和一般的语言很相似,比如关于数字和下划线,但是比较特殊的是,它的其他的合法字符是non-ascll也就是其他的非法的ascall字符只要转义后都可以作为合法的字符。而像中文等其他原本就是非ascll字符,都可以正常使用。
2.3短横线打头,后面会根据css整体的命名规则(头一个字符+其他字符)来规定,也就是说

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值