CSS选择器的层叠性：

第一个为（1, 1，1）； 第二个为（1,0,3）; 第三个为（0，3, 4）；先比较id选择器个数排除第三个，在比较类选择器个数，排除第二个。最后显示红色。 4.id选择器的优先级最高，class优先级次之，标签名选择器的优先级最低，3者之间可认为不存在进位，其实存在进位（255进一位）但是无意义不考虑。 5.如果选中同一个元素，且权重相同，谁写在最后，为谁的样式。

此时选中了同一个元素，权重相同，那个样式写在最后，为那个样式，如果两个选择器换位，就会显示绿色。 6.如果是继承过来的样式，权重是0。（如果没有选中这个标签权重为0）

此时显示橙色， 因为前两个没有选中，p被选中，不考虑权重。 7.如果都没有选中，权重为0，此时采用“就近原则”，

此时上面两个选择器都没有选中，不能比较去权重，id为box1离p标签远， class="d3"离p标签近，所以此时会显示绿色。 判断方法： 1.先看有没有选中元素 2.如果选中元素，计算权重排除， 3.如果权重相同，谁写在最后谁起作用， 4.如果没选中元素，采用“就近原则”，谁的表达离标签近，谁起作用。