复合选择器优先级小结

一、释义

顾名思义就是多个选择器杂糅一起。

二、优先级

可以用一个矩阵理解，从左到有分别是：

id class tagname *

1 0 0 0

0 1 0 0

0 0 1 0

0 0 0 1

通俗说就是，一组复合选择器中，哪组优先级高的选择器多，哪组的综合优先级就高。

        ul li div {
            color: tomato;
        }
        ul li:first-child div {
            color: red;
        }
        ul .cLi01 .cDiv01 {
            color: blue;
        }
       
        ul #idLi01 div {
            color: yellow;
        }

        ul #idLi01 .cDiv01 {
            color:gray;
        }
        ul li div {
            color: pink !important;
        }

代码块中的优先级递增。