表の書式継承されたすべての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;
}

他のヒント

YUI CSS をリセットします。

両方 jqueryui と 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