转载

发表于 2015年09月26日
浏览 (1,733)
评论 (0)

CSS 层叠次序

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中第四条规则（内联样式）拥有最高的优先权。

浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）

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

正文到此结束

所属分类： CSS

本文标签： HTML CSS
版权声明： 本文为互联网转载文章，出处已在文章中说明(部分除外)。如果侵权，请联系本站长删除，谢谢。
本文海报： 生成海报一生成海报二

热门推荐

openfire数据库安装指南

浏览(13,720) 评论(0)
Caffe 深度学习框架上手教程

浏览(10,434) 评论(0)
ReactiveCocoa入门教程：第一部分

浏览(11,268) 评论(0)
开源HIDS-OSSEC使用实例:监测CC攻击

浏览(11,171) 评论(0)
Decorators in ES7

浏览(15,714) 评论(4)
用Electron（Atom编辑器的兄弟项目）开发桌面应用

浏览(28,741) 评论(0)
Windows下JetBrains CLion中文输出乱码的解决方法

浏览(12,195) 评论(1)
同步-@synchronized, NSLock, pthread, OSSpinLock性能比较

浏览(11,157) 评论(0)
Seaweedfs之Volume读请求重定向

浏览(25,431) 评论(3)
HTML、CSS及JavaScript ：有Promise，不会搞大肚子

浏览(13,294) 评论(0)

相关文章

阿里云首购8折

Loading...

其他链接

关于本站

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。

问题交流

[HBLOG]公众号

HBLOG

HBLOG