关于选择器优先级的一些备注

先注一下什么叫直接选中
如body代码是

<div>
        <p>
            <span>文字</span>
        </p>
    </div>

而CSS里

p span{
        //这种直接选中span里面的文字叫直接选中
    }
    
    div p{
     	//这种叫间接选中   
    }

当直接选中时候看谁的优先级高，高的为显性
当直接选中时优先级一样高，则按层叠性来（后面的覆盖前面的）
如果都是间接选中如继承情况，则看他继承的父级是被直接选中还是间接选中的，如果是直接选中则看前两句，如果是间接选中，继续循环第3句

优先级:
如果是单个选择器优先级
内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

如果是复合选择器
则优先级
是按照（行内，id,类，标签）这一组来表达其优先级
最左边是最大的
如果左边一样大则比较下一级
如：#div.one p{

}
其优先级是（0,1,1,1）

如果是比较复合和单个的大小，则一律转为复合比较