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

.class {
    background-color:none;
}

当前回答

CSS Level 3指定unset属性值。中数:

unset CSS关键字是初始和继承的组合 关键词。与这两个css范围的关键字一样,它也可以应用于 任何CSS属性,包括CSS简写all。这个关键字重置 如果属性从其父或其父继承,则将属性转换为其继承值 如果不是,则为初始值。换句话说,它就像 的初始关键字一样,在第一种情况下继承关键字 第二个案例。

不幸的是,目前所有浏览器都不支持这个值,包括IE、Safari和Opera。我建议暂时使用transparent。

其他回答

CSS Level 3指定unset属性值。中数:

unset CSS关键字是初始和继承的组合 关键词。与这两个css范围的关键字一样,它也可以应用于 任何CSS属性,包括CSS简写all。这个关键字重置 如果属性从其父或其父继承,则将属性转换为其继承值 如果不是,则为初始值。换句话说,它就像 的初始关键字一样,在第一种情况下继承关键字 第二个案例。

不幸的是,目前所有浏览器都不支持这个值,包括IE、Safari和Opera。我建议暂时使用transparent。

答案是否定的。

不正确的

.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属性。设置背景颜色:透明;使之有效。

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

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

取值:<color> | transparent | inherit

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

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

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