一、释义
顾名思义就是多个选择器杂糅一起。
二、优先级
可以用一个矩阵理解,从左到有分别是:
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;
}
代码块中的优先级递增。