封装组件的时候，如果开发者想要为某个css属性设置一个默认值，但是希望它不会改变元素的样式，仅仅作为占位符或备用值，可以考虑以下几种方法：
- 使用
inherit值：inherit关键字表示元素应该使用其父元素的相同属性值。如果父元素也没有设置这个属性，那么它会继续向上查找，直到找到一个设置了该属性的祖先元素或到达文档的根元素。
例如：
.element {
color: inherit; /* 使用父元素的color属性值 */
}
- 使用
initial值：initial关键字将属性重置为其默认值。这意味着它会根据浏览器或元素的默认样式来设置属性值。
例如：
.element {
color: initial; /* 重置为浏览器默认的color属性值 */
}
- 使用
unset值：unset关键字的行为取决于属性是否从父元素继承。如果该属性是继承属性，则unset相当于inherit；如果该属性不是继承属性，则unset相当于initial。
例如：
.element {
color: unset; /* 如果color是继承属性，使用父元素的color值；否则使用默认值 */
}
- 使用
revert值：revert关键字将属性重置为浏览器定义的默认值。这不同于initial，因为revert考虑了用户的偏好设置和浏览器的默认主题。但是，需要注意的是，并非所有浏览器都支持revert值。 - 使用透明或空值：
对于某些属性，如
background-color，你可以使用transparent作为值，这样它不会改变元素的背景，但会保留属性的设置。对于其他属性，可能需要根据具体情况来确定一个合适的“空”值。 - 使用自定义属性（CSS变量）： 你可以定义一个CSS变量作为占位符，并在需要时为其赋值。这样，在没有为其赋值之前，它不会对元素的样式产生任何影响。
例如：
:root {
--placeholder-color: unset; /* 定义一个CSS变量作为占位符 */
}
.element {
color: var(--placeholder-color); /* 使用这个占位符变量 */
}
然后，在需要的时候，你可以通过JavaScript或其他方式为这个变量赋值。
选择哪种方法取决于你的具体需求和上下文。在某些情况下，使用inherit、initial或unset可能就足够了；而在其他情况下，你可能需要更灵活地使用透明值、空值或CSS变量。
其实直接给一个undefined然后通过自定义一个postcss插件移除感觉也是不错的。甚至，不用管它直接给个undefined，渲染的时候发现是非法值，浏览器又不会报错🥱
