css 属性值initial、unset、revert

1.initial

CSS 关键字 initial 将属性的初始(或默认)值应用于元素。不应将初始值与浏览器样式表指定的值混淆。它可以应用于任何 CSS 属性。这包括 CSS 简写 all,initial 可用于将所有 CSS 属性恢复到其初始状态。

2.unset

CSS 关键字 unset 可以分为两种情况,如果这个属性本来有从父级继承的值(这个属性默认可以继承,且父级有定义),则将该属性重新设置为继承的值,如果没有继承父级样式,则将该属性重新设置为初始值。换句话说,在第一种情况下(继承属性)它的行为类似于inherit ,在第二种情况下(非继承属性)类似于initial。它可以应用于任何 CSS 属性,包括 CSS 简写属性 all

应用:

比如清除浏览器默认样式,就是直接设置所有元素属性值为默认值

body, body *:not(script){

all: unset;

}

3.revert

回归到浏览器默认的样式。

相关推荐
知其然亦知其所以然1 分钟前
JavaScript 变量的江湖恩怨:一篇文章彻底讲清楚
前端·javascript·面试
小番茄夫斯基4 分钟前
使用 pnpm + Workspaces 构建 Monorepo 的完整指南
前端·javascript·vue.js
翔云 OCR API4 分钟前
API让文档信息“活”起来:通用文档识别接口-开发者文字识别API
前端·数据库·人工智能·mysql·ocr
cypking5 分钟前
Web常见安全漏洞全解析(含案例+前后端实操防御方案)
前端
shuaijie05186 分钟前
两个表格进行相互联动
前端·javascript·vue.js
JS_GGbond9 分钟前
让代码学会“等外卖”:JavaScript异步编程趣谈
前端·javascript
一点晖光10 分钟前
小程序中web-view加载uni-app H5如何使用postMessage方法的解决方案
前端·小程序·uni-app
AI分享猿12 分钟前
雷池 WAF vs React 高危漏洞:1 毫秒检测延迟,护住全栈业务安全
前端·安全·react.js
开发者小天12 分钟前
react中todolist小案例
前端·react.js·前端框架
MQliferecord14 分钟前
如何实现倒计时工具
前端