HTML: как сделать 2 таблицы с разными CSS

Я хочу поместить две таблицы (на одной странице), которые должны отображаться по-разному (т.е. использовать разные CSS для каждой таблицы). Возможно ли это?

Ответ 1

В вашем html

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

<table class="table2">

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

В вашем css:

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

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

Ответ 2

Вам нужно назначить разные классы для каждой таблицы.

Создайте класс в CSS с точкой. оператора и написать свои свойства внутри каждого класса. Например,

.table1 {
//some properties
}

.table2 {
//Some other properties
}

и использовать их в своем html-коде.

Ответ 3

Конечно, просто назначьте отдельные классы CSS для обеих таблиц.

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

.css

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

Ответ 4

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

или

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

Ответ 5

Конечно, это!

Дайте им как id, так и настройте CSS:

#table1
{
    CSS for table1
}


#table2
{
    CSS for table2
}