关于<DIV>的class问题?

Question

<div id="box"><div class="curr"></div></div>请问 :#box div.curr{}与#box .curr什么区别？

Answer 1

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

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

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

        1.4个等级的定义如下：

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

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

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

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

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

Answer 2

权重不一样 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”的对象都会被选中