繁体   English   中英

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

[英]Can inline CSS apply to child elements nested in the styled element?

简而言之,这就是问题所在:

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

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

编辑:删除了一个背景信息块,以限制问题标题所暗示的问题。

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

不是直接的。

间接地,仅当子元素具有that-property: inherit在其现有样式表中that-property: inherit set。

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

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

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

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

所以......

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

<table class="SomeClass">

</table> 

值得一试?

使用以下:

<style type="text/css">

table tr td {
   vertical-align:top;
}

</style>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM