css选择器的优先级

css选择器的优先级，分为两种情况，一种是单独比较，一种是运用了多个选择器时的比较

单独比较：

元素(标记)样式选择器<类别（class）样式选择器<id样式选择器<行内样式选择器<！important

元素(标记)样式选择器：例如：div

类别（class）样式选择器：例如：.top

id样式选择器:例如：#top

行内样式选择器：例如：<div style="">

！important:例如：

     .left{//类选择器
            width: 200px !important; //! important
            height: 500px;
            background-color: #bfa;
            float: left;
        }

运用了多个选择器，则需要进行加权比较：

加权比较：

标签选择器：优先级加权值为1

伪元素或者伪对象选择器：优先级加权值为1

类选择器：优先级加权值为10

Id选择器：优先级加权值为100

其他选择器：优先级加权值为0（通配选择器）

当需要进行比较的时候，把所有运用了的选择器的加权值进行相加，然后对比，加权值较大的一方，拥有大优先级