57

简而言之就是这个问题:

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

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

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

4

4 回答 4

49

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

不是直接的。

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

于 2012-05-31T11:59:01.490 回答
17

我从不同的上下文中对这个问题感兴趣,特别是对 html 电子邮件的样式。由于无法将 css 添加到 gmail 中的电子邮件头部(信不信由你),所以一致地应用电子邮件样式的唯一方法是内联。

这个问题的答案是否定的,在我知道的这个或任何其他情况下,没有可接受的方法来规避这个问题。当处理这样的问题时,考虑一下您尝试应用的样式应该是“例外”还是“规则”会很有帮助,即如果 90% 的 td 是垂直对齐的顶部,则应该只应用风格作为一项规则,并通过并纠正 10%。执行此操作时,清楚地指定例外情况非常重要,最好使用引用“规则”的注释块。

有关支持什么 css 以及这非常有用的完整参考:http: //www.campaignmonitor.com/css/

于 2014-01-04T00:22:26.553 回答
-5

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

所以 ...

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

<table class="SomeClass">

</table> 

值得一试?

于 2012-05-31T12:03:12.053 回答
-9

使用以下:

<style type="text/css">

table tr td {
   vertical-align:top;
}

</style>
于 2012-05-31T12:02:24.637 回答