无法删除html中特定表的css定义表格样式

时间:2013-09-04 03:08:09

标签: html css

我想从页面中的单个表中删除css,其中所有其他表都使用css定义(并且需要)。我如何绕过html / php页面的特定单个表的css规则?

2 个答案:

答案 0 :(得分:1)

您可以查看css规则在页面中的定义

if the rule defined like: '.targetTable'{} (by class) or '#tableId'{} (by id)

it would be easy to remove the css rule by changing the table class/id on html code

else if it defined like: 'table{}' (by object)

方法1 :使用jquery重置表(要使用其他样式)css

方法2 :使用类或ID选择器更改css规则

答案 1 :(得分:1)

鉴于您的默认值:

table {
    margin: 0,
    padding: 0,
    border: 1px solid
}

当你想要一个违反该规则的表时,你可以只为该实例添加一个css类并覆盖默认值:

<table><tr><td>Default Style</td></tr></table>
<table class="i-am-special"><tr><td>Special Style</td></tr></table>

只需使用此css:

table.i-am-special {
    margin: 5px;
    border: 2px dotted;
}

您可以在“i-am-special”课程中重置/调整任意数量的属性。

另请注意,如果样式可以应用于其他内容,则不必是“table.i-am-special”,这只是一个示例。