选择器问题

CSS选择器的层级数量有限制要求吗？每一层都写和只写3-4层各有什么优缺点？如果权重够用是不是越少越好？

div div div div div div span{

}

和

div span .div{

}

源自：浮动与定位 4-1 小慕医生项目开发（1）

收起

1回答

好帮手慕慕子回答被采纳获得+3积分 2021-08-05 14:18:19

同学你好，对于你的问题解答如下：

1、目前是没有限制要求的

2、每一层都写的优点是：可以直接确定到选择的元素，缺点是：嵌套太多层，代码书写困难，也不利于代码阅读，如果调整了html结构，调整对应的css选择器也会比较麻烦

只写三四层的优点是：便于代码阅读和修改，缺点是，可能存在由于选择器权重不够，设置的样式不生效

3、是的，如果权重够，当然是选择器越少，代码越简洁越好。

同学也不用太纠结，没有规定必须使用多少层选择器，所以灵活应用所学知识实现效果就可以啦~

祝学习愉快~

BortalaMu 提问者 #1

还有一个书写习惯性的问题。CSS属性的书写顺序建议除了按类型顺序写以外，同类型的属性有属性顺序建议吗？比如width和height，display和position，float的书写顺序。无特别建议我就按我自己的顺序来写了。

2021-08-05 14:57:10
好帮手慕慕子回复提问者 BortalaMu #2

同学你好，属性书写顺序按着自己的习惯来写就行，祝学习愉快~

2021-08-05 15:09:20