有人能告诉我以下CSS是否有效吗?

.class {
    background-color:none;
}

当前回答

答案是否定的。

不正确的

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

正确的

.class {
    background-color: transparent;
}

Background-color: transparent实现了与你想要的Background-color: none相同的事情。

其他回答

写这篇文章:

.class {
background-color:transparent;
}

所以,我想解释一下我必须使用这个解决方案的场景。基本上,我想撤销另一个CSS设置的background-color属性。预期的最终结果是使它看起来好像原始CSS从未应用background-color属性。设置背景颜色:透明;使之有效。

不,用transparent代替none。在这个例子中,如果你将透明更改为none,它将不起作用

使用like .class {background-color:透明;}

其中.class是你要命名的透明类。

你可能想要透明,因为none不是一个有效的背景颜色值。

CSS 2.1规范规定了background-color属性如下:

取值:<color> | transparent | inherit

>可以是一个关键字,也可以是颜色的数字表示形式。有效的颜色关键字是:

水蓝色,黑色,蓝色,紫红色,灰色,绿色,青柠色,栗色,深蓝色,橄榄色, 橙色,紫色,红色,银色,蓝绿色,白色和黄色

Transparent和inherit本身是有效的关键字,但none不是。

答案是否定的。

不正确的

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

正确的

.class {
    background-color: transparent;
}

Background-color: transparent实现了与你想要的Background-color: none相同的事情。