CSS选择器优先级
1.CSS中有哪些基本选择器?
.class类选择器 (class="warp" .warp{})
#id id选择器 (id="name" #name{})
html,body 标签选择器 (html{})
div p 后代选择器 (div a{} 表示<div>元素内的左右<a>元素)
div>p 子类选择器 (div>a{} 表示<div>元素子类为<a>元素)
link、visited、hover、active 伪类选择器 (a:link{})
还有更多选择器介绍:https://www.runoob.com/cssref/css-selectors.html
2.CSS选择器优先级
不同级别
1.在属性后面使用!important会覆盖页面内所有的元素样式
2.作为style属性卸载元素内的样式
3.id选择器
4.类选择器
5.标签选择器
6.通配符选择器
7.继承
8.浏览器自定义
优先级排序:!important>行内样式>id选择器>类选择器>标签选择器>通配符选择器>继承>浏览器自定义样式
同一级别
1.同一级别的后写的样式会覆盖先写样式
2.同一级别css引入方式不同,优先级不同
优先级排序:行内样式>内部样式>外联式样式>导入样式(@import)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步