我的网站有一个基于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>
请指教。更改类名是一个选项,但我想找出一些通用的解决方案。因为这样的问题也可能出现在其他模块中。
更准确;我在问题上面添加了这个。 “下面的代码来自正在读取的文件,我无法对其进行修改或添加类。”
答案 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)
尽量避免使用bgColor
内联样式具有最高优先级,使用它们如下:style="background-color:#ccc;"
。但应该避免它们。总是尝试使用css-stylesheets。
在您的示例中,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>