有一种简单的方法可以用内联样式覆盖样式表吗?

时间:2011-11-11 11:32:04

标签: html html-table

鉴于我想要整合到cCMS网站的表格,整个样式表会覆盖表格的内联样式...如何防止样式表执行?

我看到的表看起来像这样,并被样式表覆盖......

<table id="idferthis" BORDER=1 RULES=NONE FRAME=BOX width="644" border="1" cellspacing="1" cellpadding="5">
  <tr>
    <th id="toptopper" bgcolor="#6a8044" align="right" scope="row">HIPHOO</th>
    <td bgcolor="#afd46c" align="center">SOMETHIN</td>
    <td bgcolor="#afd46c" align="center">SOMETHINELSE</td>
  </tr>
....
</table>    

4 个答案:

答案 0 :(得分:3)

在要覆盖的元素

之后尝试此操作 !

重要;

所以一个例子是

<td style="color:#000; !important;">Black Text</td>

这将覆盖带有黑色文本的样式表。

答案 1 :(得分:1)

尝试使用表格的style属性

这意味着style="border-width:1; width:644px; ..."

答案 2 :(得分:1)

使用CSS规则来设置表的样式,内联CSS优先于包含。

例如,不使用bgcolor属性,而是使用background-color CSS属性,例如:

<td style="background-color: #afd46c;" align="center">SOMETHINELSE</td>

答案 3 :(得分:0)

在css文件中为渲染控件编写样式并将!important应用于样式。

EG。

table td {background-color: red !important;}