unset 按属性可继承性切换为 inherit 或 initial，非简单清空；color: unset 等价 inherit，继承父级 color 值而非默认黑；all: unset 会重置所有属性，需手动补基础样式。

unset 不是“清空”或“删除”属性，而是按规则切换回继承值或初始值——用错地方会意外继承深色主题、丢失对比度，甚至让按钮文字变不可读。

color: unset 为什么没变回黑色？

因为 color 是可继承属性，color: unset 等价于 color: inherit，它会一级级往上找父元素的 color 计算值，而不是跳回浏览器默认黑（initial）。

• 父元素设了 color: #666 → 子元素 color: unset 就是浅灰
• 父元素没设 color，但 有 color: #1a1a1a → 子元素照样继承这个深灰
• 想强制变黑？该用 color: initial，不是 unset

all: unset 会把 margin/padding 也干掉吗？

会，而且干得很彻底——all: unset 对每个属性单独判断：可继承的（如 color、font-family）→ 设为 inherit；不可继承的（如 margin、width、border）→ 设为 initial（margin 的 initial 是 0，width 是 auto）。

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• 常用于重置 <del></del>、<button></button> 等自带 UA 样式的标签
• 副作用明显：all: unset 后元素可能塌缩、文字堆叠、失去间距，必须手动补 display、margin 等基础样式
• 别对 <input> 直接上 all: unset，否则边框、聚焦态、光标全消失，可访问性直接崩

unset 和 inherit / initial 混用时谁生效？

CSS 层叠规则照常起作用：unset 不是魔法开关，它只是个值。如果同一属性写了多次，后声明的覆盖前声明的。

• 安全写法（兼容 IE）：color: inherit; color: unset; —— IE 忽略 unset，走 inherit；现代浏览器覆盖为 unset
• 别这么写：color: unset; color: initial; —— 后者永远生效，unset 白写
• revert 别和它们混用：它查的是浏览器 UA 样式表，不是父元素值，行为更难预测，日常开发基本不用

真正容易被忽略的是：unset 的“智能”依赖属性是否可继承，而这个继承链可能跨多层、含 currentColor 或透明色，最终渲染效果得实测，不能只看代码里写了什么。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！