css优先级参考_内联css 设置字号优先级最高-CSDN博客

本文链接：https://blog.csdn.net/fushou/article/details/6891470

鉴于最近cms模板开发遇到许多问题均与css处理有关，在此做一个总结：

一、样式表重叠的优先顺序
当同一个 HTML 元素被不止一个样式定义时，
如:在一个外部链接css文件，在本文件的<style></style>代码块中，在html的标签内嵌:<div style=""></div>
这几个哪个优先级最好，
其中
1、内联样式（在 HTML 标签内部<div style=""></div>）优先级最高
2、外部链接样式表文件与本文件的<style></style>代码块，则是哪个在最后，哪个的优先级高，既后边覆盖前边定义的；
3、当都没有定义时，最终才使用浏览器缺省的定义格式；

二、css选择器的优先级
在w3c选择器的权重是有着数值的定义
如：使用ID选择器的值是100，使用class选择器的值是10，使用html选择器的值是1。它们加起来就可以计算出特性的值。
如下定义
<style>
p {font-size:12px;} 
div p{ font-size:14px;} 
.pClass{font-size:16px;} 
div p.pClass{font-size:18px;} 
#pId{font-size:28px;} 
p#pId{font-size:30px;}
</style>
<body>
<div>
<p id="pId" class="pClass">这里是几号字样式</p>
</div>
<body>
从上边的权重来看，执行结果是p#pId{font-size:30px;} 这个样式，引起文字的样式字号为30px;
因此我们日常最常见选择器优先级为
ID选择器> 类 > 标签
如:<style>
#divId{font-size:20px;}
.divclass{font-size:12px;}
div {font-size:14px;}
</style>
<body>
<div id="divId" class="divclass">我的字号是20px;</div>
</body>