具体比较方法的话，这是我的一些见解，希望能帮助到你。

权值规则：

1.继承0.1    标签1    类选择符10    ID选择符100   通用选择器0

2.层叠:后面的样式会覆盖前面的样式。

3.内联样式表(标签内部) > 嵌入样式表(当前文件中) > 外部样式(外部文件)

4.！important具有最高权值，p{color:red  ！important;}

5.！important > 用户自己设置的样式 > 网页制作者样式 > 浏览器默认样式

6.class选择器和属性选择器同优先级。

7.像这种.dog > p多了特殊符号的，还是和 .dog p优先级一样。

8.如：<div id="parent" class="parent">

  <p class="p">p</p>

     </div>

优先级为： .p > div p > p > #parent > .parent

子级p和父级#parent, 子级的选择器优先级比父级的选择器优先级高，或者说继承的优先级程度比自身的优先级低！但是只要能定位到p元素，那么父级选择器的权重就起作用了。

9.css样式优先级还和继承有关，继承的优先级不如本身应用的优先级高。

权值的讲解在，HTML+CSS基础课程中的 9-2 中特殊性有讲解。

希望能帮助到你。

CSS的特殊性

权值规则：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。

例如下面的代码：

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

注意：还有一个权值比较特殊--继承也有权值但很低，有的文献提出它只有0.1，所以可以理解为继承的权值最低

在9-2那一节