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

Question

我想从页面中的单个表中删除 css，其中所有其他表都用 css 定义（并且需要）。如何规避 html/php 页面的特定单个表的 css 规则？

Answer 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：使用class或id选择器改变css规则

Answer 2

鉴于您的默认值：

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”，这只是一个示例。