内联CSS可以应用于嵌套在样式元素中的子元素吗?

时间:2012-05-31 11:52:58

标签: html css

这就是问题所在:

  • 我想将样式vertical-align: top应用于表格中的每个<tr>不用手动将样式应用到每一行。
  • 我必须使用内联CSS,因为我在维基上,所以我无法编辑 外部样式表,或编辑<head>以嵌入样式。
  • 当我向<table>标记添加样式属性时,似乎此样式不会传递给其子元素。 (我可以看到这几乎总是一件好事。)
  • 我无法使用<style><!--...--></style>,因为这不是MediaWiki页面上允许的标记。

我是否应该辞职,将style="vertical-align: top添加到每个<tr>,或者仍然是我忽略的解决方案?

编辑:删除了一大堆背景信息,以便将问题限制为问题标题所暗示的内容。

4 个答案:

答案 0 :(得分:32)

  

内联CSS可以应用于嵌套在样式元素中的子元素吗?

不直接。

间接地,仅当子元素在其现有样式表中设置了that-property: inherit时。

答案 1 :(得分:6)

我对来自不同背景的这个问题很感兴趣,特别是对于html电子邮件的样式。由于css无法添加到Gmail中的电子邮件头部(信不信由你),因此始终如一地应用电子邮件样式的唯一方法就是内联。

这个问题的答案是否定的,在我所知道的这个或任何其他背景下,没有可接受的方法来规避问题。当接近这样的问题时,考虑一下你试图应用的样式是“异常”还是“规则”是有帮助的,即如果90%的tds垂直对齐顶部,你应该只应用作为一项规则的风格,并通过并纠正10%。执行此操作时,请务必明确指定异常,最好使用引用“规则”的注释块。

有关支持哪些CSS以及哪些内容非常有用的完整参考:http://www.campaignmonitor.com/css/

答案 2 :(得分:-3)

我不熟悉Wiki,但您可以创建一个类并将样式应用于该类中的所有子节点吗?

所以......

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

<table class="SomeClass">

</table> 

值得一试?

答案 3 :(得分:-4)

使用以下内容:

<style type="text/css">

table tr td {
   vertical-align:top;
}

</style>