CSS学习(6)层叠
2024-10-08 11:34:01
1.声明冲突
不同的样式,多次应用到同一元素
层叠:解决声明冲突的过程,浏览器自动处理(权重计算)
有时候需要修改样式的时候,可以使用优先级高的方式覆盖,而不是在源代码修改
①比较重要性
(1)作者样式表中的 !important 样式 用法:color:red !important; 拥有最高优先级,慎用。
(2)作者样式表中的普通样式
(3)浏览器默认样式
②比较特殊性(看选择器)
总体规则:选择器选中的范围越窄,优先级越高(如p.a比a优先级高)
具体规则:通过选择器,计算一个四位数(逢256进1),数越大,优先级越高
千位:内联样式,记做1,其他记做0
百位:id选择器的数量,没有记做0
十位:类选择器,属性选择器,伪类选择器的数量
个位:元素选择器,伪元素选择器的数量
③比较源次序
代码书写靠后的优先级高
应用
1.重置样式表
书写一些作者样式,覆盖浏览器的默认样式
就像是一种默认的标准格式的样式,通用的,先把浏览器的样式覆盖掉,后面具体的样式再写一个详细的样式表
常见的重置样式表:normalize.css、reset.css、meyer.css
2.爱恨法则(越写在后面的优先级越高)
link > visited > hover > active
a:link{color:black;} 正常
a:visited{color:gray;} 访问过的
a:hover{color:red;} 鼠标在上面时
a:active{color:chocolate;} 鼠标按下时
最新文章
- 《Node即学即用》—— 读后总结
- 详解JS跨域问题
- C#中的using和yield return混合使用
- malloc calloc 和 realloc
- linux下创建和删除软、硬链接
- Xcode 快捷键操作
- C#常用类汇总
- C语言经典参考书籍
- MySql 环境配置
- Java Restful Web Service 学习指南
- 20161110-awk、sed测试题
- android 特卖列表倒计时卡顿问题
- jQuery-UI的使用
- Fiddler_内置命令行_03
- BZOJ3123[Sdoi2013]森林——主席树+LCA+启发式合并
- 阿里巴巴的26款超神Java开源项目
- nmon 加权平均法
- artDialog4.1.7 摘自网络
- argc和argv
- ";Error: ANDROID_HOME is not set and ";android"; command not in your PATH. You must fulfill at least one of these conditions.";.
热门文章
- 开发过程中遇到的代理Proxy配置问题
- 小总结:fibonacci数的产生
- CSS基础之浮动属性float图文详解
- kali 所有版本
- 无缘诺贝尔奖的George Dantzig——线性规划之父
- 解决报错:ERROR 1005 (HY000): Can't create table 'market.orders' (errno: 150)
- DTU DeepLearning: exercise 6
- python3练习100题——021
- java基础之 数据类型
- IntelliJ IDEA 2017.3尚硅谷-----创建动态的 Java Web