关于<DIV>的class问题?

Question

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

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

Answer 1

这个问题说难也难，说简单也简单，#box是ID选择器，.cur则是类选择器。ID在原则上一个项目中只会有一个，class则可以有多个。其实就是权重的原因，样式执行时从上往下依次执行，也就是说后面的会覆盖前面的。但是有一个例外。就是权重：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1.4个等级的定义如下：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第一等：代表内联样式，如: style=””，权值为1000。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第二等：代表ID选择器，如：#content，权值为100。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第三等：代表类，伪类和属性选择器，如.content，权值为10。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;第四等：代表类型选择器和伪元素选择器，如div p，权值为1。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;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”的对象都会被选中