是background-color：none有效的CSS吗？

谁能告诉我以下CSS是否有效？

.class {
    background-color:none;
}

您可能想要transparent作为none无效background-color值。

在CSS 2.1规范规定了以下background-color特性：

Value: <color> | transparent | inherit

<color>可以是关键字，也可以是颜色的数字表示。有效的color关键字是：

浅绿色，黑色，蓝色，紫红色，灰色，绿色，石灰，栗色，海军，橄榄色，橙色，紫色，红色，银色，蓝绿色，白色和黄色

transparent并且inherit是在自己的权利是有效的关键词，但none并非如此。

不，transparent改用none。如果您将其更改为无效，请在此示例中查看此处的工作示例transparentnone

使用像 .class { background-color:transparent; }

答案是不。

不正确的

.class {
    background-color: none; /* do not do this */
}

正确

.class {
    background-color: transparent;
}

background-color: transparent完成您想要做的相同的事情background-color: none。

.class {
    background-color:none;
}

这不是有效的属性。W3C验证器将显示以下错误：

值错误：background-color none不是背景颜色值：none

transparent在开发CSS规范时可能选择了更好的术语代替0或none值。

CSS级别3指定unset属性值。从MDN：

未设置CSS关键字是initial关键字和Inherited关键字的组合。像其他两个CSS级关键字一样，它可以应用于任何CSS属性，包括全部的CSS缩写。如果该关键字从其父级继承，则将该属性重置为其继承的值；否则，将其重置为其初始值。换句话说，在第一种情况下，它的行为类似于Inherit关键字，在第二种情况下，其行为与初始关键字类似。

不幸的是，当前所有浏览器（包括IE，Safari和Opera）都不支持该值。我建议transparent暂时使用。

写这个：

.class {
background-color:transparent;
}

因此，我想解释一下我必须使用此解决方案的情况。基本上，我想撤消另一个CSS设置的background-color属性。预期的最终结果是使它看起来好像原始CSS从未应用background-color属性。设置background-color:transparent;有效。