样式表的优先级
来源:互联网 发布:软件项目生命周期管理 编辑:程序博客网 时间:2024/06/02 04:10
样式表的优先级
上述 4 种应用样式的方法,各自都有其自身的特定,如果这 4 种同时应用到同一个HTML元素上时,将会出现优先级的问题,即哪个样式会生效的问题。
如果内联样式、嵌入样式、导入样式、链接样式同时应用于同一个元素时,样式表的优先级规则是高优先级样式会生效,即高优先级会覆盖低优先级样式。
样式表的优先级按内联样式、嵌入样式、导入样式、链接样式顺序依次降低,其实,也就是就近原则,距离元素越近的样式,越优先生效。如果这四种样式都没有定义,则会应用浏览器的默认样式。
如,在嵌入样式中,把段落的文本颜色定义为黑色:
<style>
p {
color: black;
}
</style>
内联样式中,把段落的文本颜色定义为红色:
<p style="color: red">段落文本</p>
上面代码中,在内联样式和嵌入样式中同时定义了段落文本的color属性,由于内联样式的优先级高于嵌入样式,故内联样式会覆盖嵌入样式,文本会以红色显示。
阅读全文
0 0
- 样式表的优先级
- 样式表的优先级
- CSS样式表的优先级
- 内联/嵌入/外部样式表的优先级
- CSS样式的优先级...
- 样式加载的优先级
- CSS样式的优先级
- CSS样式的优先级
- 样式的优先级
- CSS样式的优先级
- css样式的优先级
- css样式的优先级
- css样式的优先级
- CSS 样式的优先级
- css样式的优先级
- 样式的优先级
- CSS样式的优先级
- css样式的优先级
- Linux用户忘记root密码怎么办?
- webpack 入门
- 7.7用穷举法来调用函数
- object references an unsaved transient instance
- 自动化测试之元素操作
- 样式表的优先级
- 抽象方法、final的应用
- 全功能的屏幕截图工具
- IO复用(select)代码实现
- 带你逐步深入了解SSH框架——hibernate配置一对多和多对多
- xml文件--DOM4J写xml文件
- 51Nod 1095 Anigram单词 map
- 【修复世界观】之 C++的delete以及operator delete重载。
- C++面向对象的基本特性