2012-03-14 31 views
0

我的网站有一个基于div的表结构,里面有表格数据,该表的数据正在从文件中读取,无法更改。如何避免执行某个类层次结构

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

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

这个<td>在等级.main-grid .grid-view td。下面的代码来自正在读取的文件,我无法修改它或向其添加类。

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

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

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

+2

在CSS中,您的目标是在您的HTML中的td,您的目标是一张桌子! – 2012-03-14 11:19:17

+0

请澄清:你的问题是什么?问题是什么? – 2012-03-14 11:19:28

+0

所以,你*不能*删除内联'bgColor'?这是真正的答案。 (如果CSS没有选择错误的元素......) – 2012-03-14 11:23:54

回答

0

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

+0

实际上这个数据是从文件中读取的,所以我没有任何控制权。我创建了divs并在其中打印完整的文件内容。文件内容包括多个段落,div和表格。该表使用了bgColor。 – 2012-03-14 11:45:54

-3

通常内嵌CSS样式甲肝高prioruty,所以你可以尝试水木清华这样的:

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

这不是一个有效的样式声明 – Christoph 2012-03-14 11:22:09

0

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

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

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

+0

该属性拼写正确,它只是不能很好地用CSS,因为它不是CSS :) – BoltClock 2012-03-14 11:31:58

0

你的内嵌代码是无效的使用

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

要重写你的CSS规则,你必须使用样式属性!

0
  1. 尽量避免像bgColor

  2. 直列风格的废弃的属性具有最高优先级,如下使用它们:style="background-color:#ccc;"。尽管如此,他们应该避免。总是尝试使用CSS样式表。

  3. 在您的例子中,CSS声明瞄准td - 元素,你bgColor属性tr元素,因此被覆盖。

+0

实际上这个数据是从文件中读取的,所以我没有任何控制权。我创建了divs并在其中打印完整的文件内容。文件内容包括多个段落,div和表格,并在其中定义bgColor属性。 – 2012-03-14 11:51:48

+0

那么,你确切的问题是什么? – Christoph 2012-03-14 12:58:47

0

您的CSS无效;作如下修正

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

由于没有引号“”封闭的颜色值。