HTML: comment faire 2 tableaux avec différents CSS

Question

Je veux mettre deux tables (sur la même page) qui devraient être rendues différemment (c'est-à-dire utiliser un CSS différent pour chaque table). C'est possible?

Answer 1

Dans votre html

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

<table class="table2">

<tr>
<td>
...
</table>

Dans votre css:

table.table1 {...}
table.table1 tr {...}
table.table1 td {...}

table.table2 {...}
table.table2 tr {...}
table.table2 td {...}

Answer 2

Vous devez affecter différentes classes à chaque table.

Créez une classe en CSS avec le point '.' et écrivez vos propriétés dans chaque classe. Par exemple,

.table1 {
//some properties
}

.table2 {
//Some other properties
}

et utilisez-les dans votre code html.

Answer 3

Bien sûr, affectez simplement des classes css distinctes aux deux tables.

<table class="style1"></table>
<table class="style2"></table>

.css

table.style1 { //your css here}
table.style2 { //your css here}

Answer 4

<table id="table1"></table>
<table id="table2"></table>

ou

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

Answer 5

Bien sûr que ça l'est!

Donnez-leur à la fois un id et configurez le CSS en conséquence:

#table1
{
    CSS for table1
}


#table2
{
    CSS for table2
}