我的所有表格元素( <table>
、 <tr>
等)都有 CSS 元素,但我有一个表格我不想应用 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;
}
如果我想要多个表格格式,我该怎么做?
最佳答案
您应该使用类来定义几种不同的样式,例如:
// 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;
}
然后在要应用该样式的表上设置类属性:
<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应用于第二个表的TD。
请注意,全局样式(没有任何类名)适用于所有匹配元素(例如 TD),但这些样式可以被特定样式覆盖(如背景颜色所示,全局设置为绿色,但被覆盖样式 2).
顺便说一句:有关 CSS 的教程,请查看 http://w3schools.com/css/ .
关于css - 在一个 html 表格上跳过 css 格式化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1158559/