前言

前端中很重要的CSS，使得网页更加丰满美丽，我们使用CSS时，必不可少的需要使用选择器，选择器也分为简单选择器和复合选择器。而在给选择器中填充内容时，有时候会有一些命令重复，会涉及到优先级的问题，所以优先级孰轻孰重需要了解。

正文：

可知每种选择器的权重是不一样的，而权重越大，代表着优先级越高，说明一下，这个权重不是二进制哈。

当然也有一些注意点：

复合选择器的权重是会叠加的，比如类选择器的#boy的权重为10，但是#boy p 此时这个复合选择器的权重就是10+1=11。（虽然会叠加，但是是不会产生进位的哈）

如表所示继承的权重是0，也就是说无论父级权重多大，子代继承的样式权重都是0。

那么如果权重一样咋办呢？答案是就近原则。

下面举一些例子：

HTML和CSS代码

网页结果显示：（因为box属于父级别，所以权重是0，但是p是元素选择器，权重为1,）（官大一级压死人）

HTML和CSS代码

 

网页结果显示：原因是  .NIU P 是类选择器加元素选择器，所以权重为11，但是 .ben 权重为10