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

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

相关推荐
LJianK1几秒前
BUG: Uncaught Error: [DecimalError] Invalid argument: .0
前端
No Silver Bullet10 分钟前
Nginx 内存不足对Web 应用的影响分析
运维·前端·nginx
一起养小猫14 分钟前
Flutter for OpenHarmony 实战 表单处理与验证完整指南
android·开发语言·前端·javascript·flutter·harmonyos
weixin_3954489120 分钟前
main.c_cursor_0130
前端·网络·算法
C澒36 分钟前
SGW 接入层运维实战:配置查看 + 监控分析 + 日志排查
前端·安全·运维开发
德育处主任Pro1 小时前
『NAS』在群晖部署一款太空策略游戏-ogame-vue-ts
前端·vue.js·游戏
ziqi5222 小时前
第二十五天笔记
前端·chrome·笔记
GISer_Jing2 小时前
Memory、Rules、Skills、MCP如何重塑AI编程
前端·人工智能·aigc·ai编程
xcs194052 小时前
前端 项目构建问题 \node_modules\loader-runner\lib\loadLoader.js
开发语言·前端·javascript
广然2 小时前
EVE-NG 镜像管理工具 1.1 Web 版本正式发布!
运维·服务器·前端