如何删除所有继承的CSS格式的表？

StackOverflow https://stackoverflow.com/questions/968895

  •  13-09-2019
  •  | 
  •  

题

我有有由于页面的CSS文件某种风格的表（它有蓝色边框，等...）。

有没有一种简单的方法来去除CSS针对特定表？ 我沿着像命令的线思想的内容：

style="nostyle"

请问像这样的东西存在吗？

有帮助吗？

解决方案

尝试。

从埃里克迈耶的复位CSS 

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复位像 YUI CSS复位。

一直在寻找这样的一个网站，使用这两种 jQueryUI的和的 tablesorter插件，对于一个的tablesorter表格内的表。虽然一些问题的答案在这里帮助，这是不够的，特别是因为使用的tablesorter：悬停和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>

如果你想确保你取消设置你可以使用下面的所有属性的CSS：

table, caption, tbody, tfoot, thead, tr, th, td {
    all: unset;
}

在all属性MDN文档：的https：//显影剂。 mozilla.org/en-US/docs/Web/CSS/all

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top