Question

我有所有表格元素的CSS项目（<table>，<tr>等...）但是我有一个表格，我不希望CSS应用。

将此表显示为原始HTML表并且不应用我的CSS格式的最快方法是什么。

另外，在我的CSS文件中，我有这个：

 table td 
 {
   padding: 5px;   
   border: solid 1px #e8eef4;
 }

 table th
 {
   padding: 6px 5px;
   text-align: left;
   background-color: #FFFFFF; 
   border: solid 1px #e8eef4;   
 }

如果我想要多种表格格式怎么办？

Answer 1

您应该使用类来定义几种不同的样式，例如：

// global table styles - will be applied to all tables
table td
{
  background-color: green;
}

// styles for tables with class "style1"
table.style1 td
{
  border: solid 1px red;
}
table.style1 th
{
  ...
}

// styles for tables with class "style2"
table.style2 td
{
  border: solid 1px blue;
  background-color: white;
}

然后在要应用该样式的表上设置class属性：

<table class="style1"><tr><td> red border, green background </td></tr></table>

<table class="style2"><tr><td> blue border, white background </td></tr></table>

<table><tr><td> default border, green background </table>

这里，style1应用于第一个表的TD，第二个表的style2到TDs。

请注意，全局样式（没有任何类名称）适用于所有匹配元素（例如TD），但这些样式可以被特定样式覆盖（如背景颜色所示，全局设置为绿色，但已被覆盖对于style2）。

BTW：有关CSS的教程，请查看http://w3schools.com/css/。

Answer 2

为要格式化的表使用类。例如

<table class="myformat">
    ....
</table>

现在在css端，请确保按如下方式定义正确的格式：

table.myformat th {
    color: red;
}

table.myformat td {
    color: green;
}

具有class="myformat"属性的表将具有格式。那些不会不会。使用这种方法，您可以进一步将各种表格格式设置为不同的类，并将它们应用于不同的表格。

在一个html表上跳过css格式

2 个答案: