CSS选择器之权重

css有三个非常重要的属性，如层叠性、继承性、优先级；优先级就是我们所谓的权重，css的选择器权重不同，优先选择的样式也就不一样。

权重有四位数字组成的，但是在相叠加的时候没有进位；下列是各类的权重：

选择器	选择器权重
继承或*	0，0，0，0
元素选择器或标签选择器	0，0，0，1
类选择器或伪类选择器	0，0，1，0
ID选择器	0，1，0，0
行内样式style	1，0，0，0
important重要的	∞无穷大

 通常会是类选择器和标签选择器的并用较多，如下图

 当两个选择器同时修饰了语句中的颜色，两者并不冲突，优先考虑权重比较大的，如第一个复合选择器（后代选择器），权重为0，0，1，1；后者单独类选择器权重为0，0，1，0；故颜色上会选择skyblue作为修饰样式，而下面的字体大小则继承了类选择器，显然，这并不冲突。

效果图如下：