Wie verschiedene Tabellenstile in CSS

Question

muß ich habe verschiedene Tabellen in meiner Seite, die verschiedene Grenze haben sollte, cellpadding usw. ich wie viele Klassen erstellen kann,

.pad5 td {padding:5px} 

und dann unter Verwendung

<table class="pad5"> 

Aber wenn ich 'Tabelle' ist CSS, wird der Stil auf alle Tabellen angewendet. Wie kann ich das Ergebnis erreichen?

Answer 1

erklären Klassen für jede Art von Styling Sie erstellen möchten, und über das class Attribut

css

.table1 { 
    ... 
} 

.table2 { 
    ... 
} 

html

<table class="table1"> 
    ... 
</table> 

<table class="table2"> 
    ... 
</table> 

Answer 2

geben jeweils an den <table> im html zuweisen von ihnen getrennte IDs. Klassen für CSS sind, die zu einer Reihe von verschiedenen Objekten angewendet werden, IDs sind für CSS, die

<table id="first_table"></table> 

Answer 3

Sie Ihre Tabellen Klassennamen geben können auch

Beispiel HTML auf bestimmte Objekte angewendet werden:

<table class="mytable"> 
    <tr> 
     <td>My cell</td> 
    </tr> 
</table> 

<table class="anothertable"> 
    <tr> 
     <td>My cell</td> 
    </tr> 
</table> 

Beispiel CSS:

.mytable { 
    border: 1px solid black; 
} 

.anothertable { 
    border: 1px solid red; 
} 

Die erste Tabelle hat einen 1px schwarzen Rand und die zweite Tabelle einen 1px roten Rand.

Answer 4

Sie können versuchen, eine ID für jede Tabelle und in CSS hinzufügen verweisen mit dieser ID wie:

CSS & HTML:

#table1 tr td { 
 
    padding: 5px; 
 
    border: 4px solid #888; 
 
} 
 

 
#table2 tr td { 
 
    padding: 5px; 
 
    border: 4px solid red; 
 
}

<table id="table1"> 
 
    <tr> 
 
    <td>first content</td> 
 
    <td>second content</td> 
 
</tr> 
 
</table> 
 

 
<table id="table2"> 
 
    <tr> 
 
    <td>first content</td> 
 
    <td>second content</td> 
 
</tr> 
 
</table>

Answer 5

ich gefunden, wenn ich nicht benutze Tabelle überhaupt in CSS es funktioniert. z. B.-cell {border-spacing: 10px}