Применять цвет фона только к родительской таблице

Question

У меня есть структура таблицы, где я не могу получить доступ к jsp файлу для добавления файлов классов Я должен управлять этим через CSS. В этом случае мне нужно применить цвет фона для первой таблицы. Не для вложенных таблиц. Как мы можем сделать это с помощью CSS? Пример: http://jsfiddle.net/qdDnJ/

Answer 1

Как я понимаю, вы можете написать так:

tr th{
    background:red;
}
tr table th{
    background:none;
}

Проверьте это http://jsfiddle.net/qdDnJ/2/

Answer 2

Отличает первый стол th от второго стола th.

Отредактировано после комментария:

Смотри здесь, http://jsfiddle.net/qdDnJ/25/

Я предположил, что div является родительским контейнером первой таблицы.

Вы можете заменить его родителем таблицы.

например. Если body родитель, css должен быть,

    body > table > tbody > tr > th {
      background-color:red;
    }

Answer 3

Каждое тело пыталось много вещей для достижения цели в соответствии с вопросом.

но в соответствии с HTML мы можем просто написать следующий CSS и избежать дочернего th, чтобы получить цвет фона ..

в этом решении нам не нужны никакие идентификаторы и классы или что-либо, принимающее .gap class. Даже если этого класса нет, мы можем применить CSS.

проверьте демо

ЗДЕСЬ CSS с .gap класс

table th {background-color:red;}
table td.gap tr th {background:none;}

ЗДЕСЬ CSS без .gap класс

table th {background-color:red;}
table td tr th {background:none;}

Answer 4

Самый простой способ, который я знаю, это использовать дочерний селектор

#yourtableId > tbody > tr > th { background: red; }

Демо

Answer 5

Вы можете сделать это:

table th:first-child {
    background: red;
}
table table th:first-child {
    background: none;
}​

Я бы просто дал внешней таблице класс и использовал бы это:

table.class-name th:first-child {
    background: red;
}