wake-up-neo.com

So entfernen Sie alle geerbten CSS-Formatierungen für eine Tabelle?

Ich habe eine Tabelle, die aufgrund der CSS-Datei für die Seite einen bestimmten Stil hat (blaue Rahmen usw.).

Gibt es eine einfache Möglichkeit, das CSS für diese bestimmte Tabelle zu entfernen? Ich dachte etwas in der Art eines Befehls wie:

style="nostyle"

Gibt es so etwas? 

24
chris

Versuche dies.

Von Eric Meyers Reset-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;
}
39

Verwenden Sie einen CSS-Reset wie YUI CSS-Reset .

3
Jon Galloway

War auf einer Website, die sowohl jqueryui als auch das tablesorter-Plugin verwendet, nach etwas Ähnlichem für eine Tabelle in einem Tablesorter-Tisch gesucht. Während einige der Antworten hier geholfen haben, hat es nicht ausgereicht, vor allem seit tischsortierer verwendet: hover und jquery ui verwendet Eckenrundungen, usw.

Ich erklärte eine Klasse, die, wenn sie auf einen Tisch angewendet wird, einige vernünftige Standardwerte annimmt. Es ist zwingend erforderlich, dass diese CSS vor allen anderen Klassen deklariert wird, für die sie möglicherweise bereinigt werden muss, dh <link> für sie oder in ein <style>-Tag oben in Ihrem <head>-Abschnitt.

.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;
}

Wenden Sie dann einfach die Klasse auf die Tabelle an, die Sie als "Standardwert" verwenden möchten:

<table class="defaulttable and whatever else you want">
  <tbody>
    <tr>
      <td>This will appear with sensible defaults.</td>
    </tr>
  </tbody>
</table>
1
redreinard

Wenn Sie sicherstellen möchten, dass Sie das CSS für alle Eigenschaften aufheben, können Sie Folgendes verwenden:

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

MDN-Dokumentation zur all-Eigenschaft: https://developer.mozilla.org/en-US/docs/Web/CSS/all

0
Gregory Arenius