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

Вопрос:Я хочу поместить две таблицы (на одной странице), которые должны отображаться по-разному (т.е. использовать разные CSS для каждой таблицы). Возможно ли это? Лучший ответ: В вашем html ... ... В вашем css: table.table1 {...} table.table1 tr {...} table.table1 td {...} table.table2 {...} table.table2 tr {...}

Вопрос:

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

Лучший ответ:

В вашем 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 {…} Ответ №1

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

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

.table1 { //some properties } .table2 { //Some other properties }

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

Ответ №2

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

<table class=»style1″></table> <table class=»style2″></table>

.css

table.style1 { //your css here} table.style2 { //your css here} Ответ №3<table id=»table1″></table> <table id=»table2″></table>

или

<table class=»table1″></table> <table class=»table2″></table> Ответ №4

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

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

#table1 { CSS for table1 } #table2 { CSS for table2 }

Оцените статью
Добавить комментарий