Как избежать определенной иерархии классов для выполнения

Question

У меня на сайте есть структура на основе div с таблицей внутри для табличных данных. Данные для этой таблицы читаются из файлов и не могут быть изменены.

.main-grid .grid-view .row-body td { 
    background-color: "#FFFFFF" 
}

Выше работает нормально. Теперь у меня есть таблица, для которой в теге <tr> определено bgColor, но оно не отображается из-за вышеприведенного правила CSS.

Это <td> в иерархии .main-grid .grid-view td. Ниже приведен код из файла, который читается, и я не могу изменить его или добавить к нему класс.

<tr bgColor="#eeffcc">
    <td></td>
</tr>

Пожалуйста, сообщите. Изменение имени класса - вариант, но я хочу найти какое-то общее решение. Так как такая проблема может возникнуть в других модулях.

чтобы быть более точным; Я добавил это в прямом эфире выше в вопросе. «Ниже приведен код из файла, который читается, и я не могу изменить его или добавить к нему класс.»

Answer 1

Ваш CSS недействителен;сделайте следующее исправление

.main-grid .grid-view .row-body td { 
    background-color: #FFFFFF;
}

без кавычек "" , включающее значение цвета.

Answer 2

1. старайтесь избегать таких устаревших атрибутов, как bgColor

2. inline-style имеют наивысший приоритет, используйте их следующим образом: style="background-color:#ccc;". Их следует избегать, хотя. Всегда старайтесь использовать таблицы стилей CSS.

3. В вашем примере css-объявление предназначено для td -элемента, вашего bgColor атрибута tr элемента и, таким образом, переопределяется.

Answer 3

Ваш встроенный код недействителен, используйте

<tr style="background:#eeffcc;">
    <td></td>
</tr>

Чтобы переписать ваши правила CSS, вы должны использовать атрибут style!

Answer 4

Думаю, вы неправильно написали имя атрибута.Возможно, вы захотите:

<tr style="background:#eeffcc;">
  <td></td>
</tr>

Явно определенные стили всегда будут перезаписывать правила из css-файлов.

Answer 5

Обычно встроенный стиль CSS имеет более высокий приоритет, поэтому вы можете попробовать что-то вроде этого:

Answer 6

bgColor больше не должен использоваться. Используйте только classes, чтобы определить цвета ваших элементов.