css中#box{}与 #box div{}有什么区别 #box { width:150px; } #box div { border:5px; padding:20px; }

css中#box{}与 #box div{}有什么区别 #box { width:150px; } #box div { border:5px; padding:20px; }

这是基础。
复合选择器内的空格表示层次关系，从左到右表示父级元素 子级元素 孙级元素 …。
所以，#box是对id=box的元素起作用，由于继承关系它的子元素也会有它的一部分属性；#box div就只对id=box元素的子元素中所有的div起作用，对其它元素如

不起任何作用了 。

#box{} 控制的是box这个标签 而#box div{}这个控制的是div这个标签

第一个是id选择符、第二个是包含选择符
#box { width:150px; }
设置当前box本身div

#box div { border:5px; padding:20px; }
设置box以下所有div都会继承上面的样式，不包括本身

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息