Может ли встроенный CSS применяться к дочерним элементам, вложенным в стилизованный элемент?

Это проблема в двух словах:

  • Я хочу применить стиль vertical-align: top к каждому <tr> в таблице, не применяя стиль вручную к каждой строке.
  • Мне нужно использовать встроенный CSS, потому что я нахожусь в вики, поэтому я не могу редактировать внешнюю таблицу стилей или отредактировать <head>, чтобы вставить стиль.
  • Когда я добавляю атрибут стиля к тегу <table>, кажется, что этот стиль не передается его дочерним элементам. (Я вижу, как это почти всегда хорошо.)
  • Я не могу использовать <style><!--...--></style>, потому что это не разрешенный тег на страницах MediaWiki.

Должен ли я смириться с добавлением style="vertical-align: top к каждому <tr> или по-прежнему является решением, которое я пропускаю?

РЕДАКТИРОВАТЬ: Удален кусок фоновой информации, чтобы ограничить вопрос вопросом о том, о чем говорит вопрос.

ОТВЕТЫ

Ответ 1

Может ли встроенный CSS применяться к дочерним элементам, вложенным в стилизованный элемент?

Не напрямую.

Косвенно, только если дочерний элемент имеет that-property: inherit в существующей таблице стилей.

Ответ 2

Меня интересовал этот вопрос из другого контекста, особенно для стилизации html-писем. Поскольку css нельзя добавить в адрес электронной почты в gmail (верьте или нет), единственный способ последовательного применения стилей электронной почты - встроенный.

Ответ на этот вопрос нет, нет приемлемого способа обойти проблему в этом или любом другом контексте, о котором я знаю. При приближении к подобной проблеме полезно подумать о том, должен ли стиль, который вы пытаетесь применить, быть "исключением" или "правилом", т.е. Если 90% ваших tds имеют вертикальное выравнивание, вам следует просто применить стиль, как правило, проходит и корректирует 10%. При этом важно, чтобы вы четко указали свои исключения, предпочтительно с блоком комментариев, который ссылается на "правило".

Для полной справки о том, что поддерживается css, и где это очень полезно: http://www.campaignmonitor.com/css/

Ответ 3

Использовать следующее:

<style type="text/css">

table tr td {
   vertical-align:top;
}

</style>

Ответ 4

Я не знаком с Wiki, но могу ли вы создать класс и применить стиль ко всем дочерним узлам этого класса?

Итак...

<style type="text/CSS"><!-- SomeClass tr { vertical-align: top } --></style>

<table class="SomeClass">

</table>

Стоит попробовать?