css样式优先级
2009-09-11 11:06
323 查看
多重样式将层叠为一个
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
<link herf="" />
内部样式表（位于 <head> 标签内部）
<style></style>
内联样式（在 HTML 元素内部）
#id
.class
style=""
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：
<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
link
style tag
#id
.class
html tag
style attribute
html tag attribute
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
浏览器缺省设置
外部样式表
<link herf="" />
内部样式表（位于 <head> 标签内部）
<style></style>
内联样式（在 HTML 元素内部）
#id
.class
style=""
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：
<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
link
style tag
#id
.class
html tag
style attribute
html tag attribute
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css样式优先级
- 在网页中页中加入CSS有几种方法！以及在样式定义有冲突时的优先级如何分配！
- CSS从基础到熟练学习笔记（一）引入CSS样式的三种方式以及多种样式的优先级
- CSS样式优先级
- CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
- CSS 之 样式优先级机制
- css-1.样式和特征-优先级
- 层叠样式优先级CSS
- CSS 样式的优先级
- CSS样子中样式优先级设置
- css样式优先级
- CSS样式优先级判定
- CSS 控制页面样式的4种方式和优先级问题
- CSS 样式优先级
- css样式优先级
- CSS样式定义的优先级顺序总结
- css样式优先级详解
- css样式优先级详解
- CSS三种样式的优先级（转）
- CSS的三种样式：内联式，嵌入式，外部式以及他们的优先级