css的优先级排序?

css的优先级

常用的选择器排序

!important>行内样式>#id>.class>标签(div,p...)

1.!important !权重值无穷大,但也可以计算. 例如

div{

color:red !important;

}

body div{

color:red !important;

/* 该权重值就大于上方*/

/* !important使用后不利于后期的调试,尽量用子代,后代叠加权重值 */

2.行内样式: 行内样式的权重值为1000

3.#id id的权重值为 :100

4.class的权重值为 10

5.元素选择器权重值为 1

相关推荐
毕设小屋vx ylw2824262 分钟前
Java开发、Java Web应用、前端技术及Vue项目
java·前端·vue.js
冴羽1 小时前
今日苹果 App Store 前端源码泄露,赶紧 fork 一份看看
前端·javascript·typescript
蒜香拿铁1 小时前
Angular【router路由】
前端·javascript·angular.js
brzhang1 小时前
读懂 MiniMax Agent 的设计逻辑,然后我复刻了一个MiniMax Agent
前端·后端·架构
西洼工作室2 小时前
高效管理搜索历史:Vue持久化实践
前端·javascript·vue.js
广州华水科技2 小时前
北斗形变监测传感器在水库安全中的应用及技术优势分析
前端
樱花开了几轉2 小时前
element ui下拉框踩坑
开发语言·javascript·ui
开发者如是说2 小时前
Compose 开发桌面程序的一些问题
前端·架构
故事不长丨2 小时前
【Java SpringBoot+Vue 实现视频文件上传与存储】
java·javascript·spring boot·vscode·后端·vue·intellij-idea
旺代2 小时前
Token 存储与安全防护
前端