在嵌套表中继承背景颜色?

时间:2015-01-06 06:44:42

标签: html css

th 
{
    background-color: #cc6600;
}
.nested_table th
{
    background-color: none;
}

尽管将嵌套表格中标题的背景颜色属性设置为无,但我仍然得到我之前在<th>规则中设置的橙色(#cc6600)。

嵌套表<th>的规则低于CSS中<th>的规则,因此会给予更高的偏好。此外,它更具体。

为什么橙色不会被覆盖?

我做的另一个观察是,虽然将背景颜色设置为无可能看似错误,但事实并非如此。如果我要更改<th>规则的背景颜色属性,则下面的规则(.alternate.nested_table th)仍会评估。如果将背景颜色设置为none是错误的,那么这是不可能的,因为浏览器已经停止从病房的那个点读取文件。

2 个答案:

答案 0 :(得分:3)

Background-color无法设置为none,默认值为transparent

.nested_table th {background-color: transparent;}

http://jsfiddle.net/qnaw5ay3/

第二种方式,使用none

.nested_table th {background: none}

http://jsfiddle.net/qnaw5ay3/1/

答案 1 :(得分:2)

使用透明而不是无:

.nested_table th
{
    background-color: transparent;
}