【知识总结】CSS中样式覆盖优先顺序
2024-10-19 02:20:29
层叠样式类型
类型:
1. 浏览器默认样式
2. 浏览器用户自定义样式
3. 外部样式表
4. 内部样式表
5. 内联样式表
顺序:
浏览器默认样式 < 浏览器用户自定义样式 < 外部样式表 < 内部样式表 < 内联样式表
样式表内部选择器
1. 类选择器
2. 类派生选择器
3. ID选择器
4. ID派生选择器
样式表内部选择器生效顺序
类选择器 < 类派生选择器 < ID选择器 < ID派生选择器
生效规则
1. 样式表的元素选择器选择越精确,则其中的样式优先级越高。
id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式
2. 对于相同类型选择器指定的样式,在样式表文件中,越靠后的优先级越高。
3. 一个元素同时应用多个class,后定义的优先(即近者优先)
4. 如果要让某个样式的优先级变高,可以使用!important来指定。
最新文章
- java.sql.SQLException: ORA-01000: 超出打开游标的最大数
- php面向对象中的几个基本定义
- GIT 查看/修改用户名和邮箱地址
- latextools \cite 自动补全
- laravel elixir
- POJ 1011 Sticks dfs,剪枝 难度:2
- MIME对应表
- php Smarty详细配置
- Mysql 时间差(年、月、天、时、分、秒)
- Mango 基础知识
- Silverlight设计器——Path
- Python 爬虫七 Scrapy
- spark 算子之RDD
- 如何从 Windows 虚拟机分离数据磁盘
- 从两个设计模式到前端MVC-洪宇
- Python3 简明教程
- MySQL修改端口号操作
- static关键字与方法区和类加载
- Week2——XML
- 用Vue来实现图片上传多种方式
热门文章
- PHP的函数-----生成随机数、日期时间函数
- Delphi的打开文件对话框-TOpenDialog
- webpack中,require的五种用法
- 【Android】TextView动态设置android:drawableLeft|Right|Top|Bottom,SetColor
- spring 配置中相关属性的含义:
- 310实验室(七)OptimizationTemplateLibrary
- pandas将字段中的字符类型转化为时间类型,并设置为索引
- Linux系统下Nginx+PHP 环境安装配置
- SpringMVC中使用@ResponseBody注解将任意POJO对象返回值转换成json进行返回
- [shell]用shell脚本将本地文件夹与ftp上的文件夹同步