Пропустить форматирование CSS на одной HTML-таблице - PullRequest
Новая
       10

Пропустить форматирование CSS на одной HTML-таблице

0 голосов
/ 21 июля 2009

У меня есть элементы CSS для всех элементов таблицы (<table>, <tr> и т. Д.), Но у меня есть одна таблица, к которой я не хочу применять CSS.

Какой самый быстрый способ сделать эту таблицу просто отображаемой в виде необработанной таблицы HTML и не применять мое форматирование CSS.

Кроме того, в моем файле CSS у меня есть это: 

 table td 
 {
   padding: 5px;   
   border: solid 1px #e8eef4;
 }

 table th
 {
   padding: 6px 5px;
   text-align: left;
   background-color: #FFFFFF; 
   border: solid 1px #e8eef4;   
 }

что если я хочу использовать несколько форматов таблиц, как мне это сделать?

Ответы [ 2 ]

3 голосов
/ 21 июля 2009

Вы должны использовать классы для определения нескольких различных стилей, например: 

// global table styles - will be applied to all tables
table td
{
  background-color: green;
}

// styles for tables with class "style1"
table.style1 td
{
  border: solid 1px red;
}
table.style1 th
{
  ...
}

// styles for tables with class "style2"
table.style2 td
{
  border: solid 1px blue;
  background-color: white;
}

Затем установите атрибут класса в таблицах, где вы хотите применить этот стиль: 

<table class="style1"><tr><td> red border, green background </td></tr></table>

<table class="style2"><tr><td> blue border, white background </td></tr></table>

<table><tr><td> default border, green background </table>

Здесь style1 применяется к TD первой таблицы, style2 к TD второй таблицы.

Обратите внимание, что глобальные стили (без имени класса) применяются ко всем соответствующим элементам (например, TD), но эти стили могут быть переопределены определенными стилями (как показано с background-color, для которого глобально установлен зеленый, но переопределен для style2).

Кстати: для учебника о CSS, посмотрите http://w3schools.com/css/.

0 голосов
/ 21 июля 2009

Используйте класс для таблицы, которую вы хотите отформатировать. Например 

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

Теперь на стороне CSS убедитесь, что вы задали правильное форматирование следующим образом: 

table.myformat th {
    color: red;
}

table.myformat td {
    color: green;
}

Таблицы со свойством class="myformat" будут иметь форматирование. Те, которые не будут, не будут. Благодаря такому подходу вы можете создавать различные форматы таблиц как разные классы и применять их к своим различным таблицам.

...