如何避免执行某个类层次结构

时间:2012-03-14 11:15:37

标签: html css colors html-table

我的网站有一个基于div的结构,表格里面有表格数据,这个表的数据是从文件中读取的,无法更改。

.main-grid .grid-view .row-body td { 
    background-color: "#FFFFFF" 
}

以上工作正常。现在,我有一个bgColor标记中定义了<tr>的表格,但由于上面的CSS规则,它没有反映出来。

<td>位于层次结构.main-grid .grid-view td。下面的代码来自正在读取的文件,我无法对其进行修改或添加类。

<tr bgColor="#eeffcc">
    <td></td>
</tr>

请指教。更改类名是一个选项,但我想找出一些通用的解决方案。因为这样的问题也可能出现在其他模块中。

更准确;我在问题上面添加了这个。 “下面的代码来自正在读取的文件,我无法对其进行修改或添加类。”

6 个答案:

答案 0 :(得分:0)

bgColor不应再使用了。仅使用classes来定义元素的颜色。

答案 1 :(得分:0)

猜猜你拼错了属性名称。也许你想要:

<tr style="background:#eeffcc;">
  <td></td>
</tr>

明确定义的样式将始终覆盖css文件中的规则。

答案 2 :(得分:0)

您的内联代码无效使用

<tr style="background:#eeffcc;">
    <td></td>
</tr>

要覆盖您的css规则,您必须使用style属性!

答案 3 :(得分:0)

  1. 尽量避免使用bgColor

  2. 等弃用的属性
  3. 内联样式具有最高优先级,使用它们如下:style="background-color:#ccc;"。但应该避免它们。总是尝试使用css-stylesheets。

  4. 在您的示例中,css声明以td - 元素为目标,您的bgColor属性为tr元素,因此会被覆盖。

答案 4 :(得分:0)

您的CSS无效;进行以下更正

.main-grid .grid-view .row-body td { 
    background-color: #FFFFFF;
}

没有引号“”包含颜色值。

答案 5 :(得分:-3)

通常内联css样式具有更高的优先级,因此你可以像这样尝试smth:

<tr style="bgColor:#eeffcc;">
    <td></td>
</tr>