Question

关于<DIV>的class问题

<div id="box">
<div class="curr"></div>
</div>

请问 :#box div.curr{}与#box .curr什么区别？

Answer 1

权重不一样 ID的权重最高 Class的权重 略低... 也就是说 当你给同一个对象 id 和class加同类型的样式，会显示id的 而不会显示class的..
一般的话前面的#box可以省略 直接.curr就行了 div.curr指的是 在对象div中的class curr

而.curr指的是 整个文档body的class curr 不是div中的 （例如div外面的 <ul class="curr" > <span class="curr">等）只要class=“curr”的对象都会被选中

Answer 2

这个问题说难也难，说简单也简单，#box是ID选择器，.cur则是类选择器。

1. ID在原则上一个项目中只会有一个，class则可以有多个。

2. 其实就是权重的原因，样式执行时从上往下依次执行，也就是说后面的会覆盖前面的。但是有一个例外。就是权重：

        1.4个等级的定义如下：

            第一等：代表内联样式，如: style=””，权值为1000。

            第二等：代表ID选择器，如：#content，权值为100。

            第三等：代表类，伪类和属性选择器，如.content，权值为10。

            第四等：代表类型选择器和伪元素选择器，如div p，权值为1。        

3.根据你写的其实就是class选择器的问题

追问

首先谢谢您这么详细的为我解读!但是，对不起我听的不明白，您能说的简单点吗？

追答

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

Answer 3

前面是错误的写法，后面是正确的