落絮飞雁

顺流而下,把梦做完

HTML 元素被多个样式定义后的优先权

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

 

来源:http://www.w3school.com.cn/css/css_intro.asp


原文标题:HTML 元素被多个样式定义后的优先权|落絮飞雁的个人网站
原文链接:https://www.luoxufeiyan.com/2014/07/04/html-%e5%85%83%e7%b4%a0%e8%a2%ab%e5%a4%9a%e4%b8%aa%e6%a0%b7%e5%bc%8f%e5%ae%9a%e4%b9%89%e5%90%8e%e7%9a%84%e4%bc%98%e5%85%88%e6%9d%83/
授权协议:创作共用 署名-非商业性使用 2.5 中国大陆
除注明外,本站文章均为原创;转载时请保留上述链接。