子代选择器和类选择器的优先级

作用代码：

使用的代码以及效果1：

使用的代码以及效果2:

原因是：作用在一个选择器的两个class，一个是子代选择器，一个是类选择器，很显然，子代选择器的权值为两个值相加，所以更大，所以最后显示的是子代选择器的，而不是类选择器，第二个是根据浏览器的阅读习惯来，很明显当两个选择器的权值是一样的话，后面的会覆盖前面的选择器的样式。