Question

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

Answer 1

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

Answer 2

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

Answer 3

第一个是id选择符、第二个是包含选择符
#box { width:150px; }
设置当前box本身div
<div id="box">一个div</div>
#box div { border:5px; padding:20px; }
设置box以下所有div都会继承上面的样式，不包括本身
<div id="box">
<div id="w"></div>
<div id="x"></div>
<div id="a"></div>
</div>