由于页面的 CSS 文件(它有蓝色边框等),我有一个具有特定样式的表格。
有没有一种简单的方法来删除该特定表的 CSS?我在想一些类似命令的东西:
style="nostyle"
这样的事情存在吗?
由于页面的 CSS 文件(它有蓝色边框等),我有一个具有特定样式的表格。
有没有一种简单的方法来删除该特定表的 CSS?我在想一些类似命令的东西:
style="nostyle"
这样的事情存在吗?
试试这个。
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
如果要确保取消设置所有属性的 CSS,可以使用以下命令:
table, caption, tbody, tfoot, thead, tr, th, td {
all: unset;
}
all
有关该属性的 MDN 文档: https ://developer.mozilla.org/en-US/docs/Web/CSS/all
在同时使用jqueryui和tablesorter 插件的网站上寻找类似的东西,用于tablesorter 表中的表。虽然这里的一些答案有所帮助,但这还不够,特别是因为 tablesorter 使用 :hover 和 jquery ui 使用圆角等。这是我想出的:
我声明了一个类,当应用于表时会将其清理为一些合理的默认值。必须在它可能需要清理的任何其他类之前声明此 css,即<link>
对其进行声明或将其放在部分<style>
顶部的标记中<head>
。
.defaulttable {
display: table;
}
.defaulttable thead {
display: table-header-group;
}
.defaulttable tbody {
display: table-row-group;
}
.defaulttable tfoot {
display: table-footer-group;
}
.defaulttable tbody>tr:hover,
.defaulttable tbody>tr {
display: table-row;
}
.defaulttable tbody>tr:hover>td,
.defaulttable tbody>tr>td {
display: table-cell;
}
.defaulttable,
.defaulttable tbody,
.defaulttable tbody>tr:hover,
.defaulttable tbody>tr,
.defaulttable tbody>tr:hover>td,
.defaulttable tbody>tr>td,
.defaulttable tbody>tr:hover>th,
.defaulttable tbody>tr>th,
.defaulttable thead>tr:hover>td,
.defaulttable thead>tr>td,
.defaulttable thead>tr:hover>th,
.defaulttable thead>tr>th,
.defaulttable tfoot>tr:hover>td,
.defaulttable tfoot>tr>td,
.defaulttable tfoot>tr:hover>th,
.defaulttable tfoot>tr>th {
background: transparent;
border: 0px solid #000;
border-spacing: 0px;
border-collapse: separate;
empty-cells: show;
padding: 0px;
margin: 0px;
outline: 0px;
font-size: 100%;
color: #000;
vertical-align: top;
text-align: left;
font-family: sans-serif;
table-layout: auto;
caption-side: top;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
然后只需将该类应用于您想要“默认”的表:
<table class="defaulttable and whatever else you want">
<tbody>
<tr>
<td>This will appear with sensible defaults.</td>
</tr>
</tbody>
</table>