logo标签列表

内联CSS是否可以应用于嵌套在样式元素中的子元素？

htmlcss
69
简而言之，我的问题是：
  • 在不手动应用样式到每一行的情况下，我想将样式vertical-align：top应用于表格中的每个<tr>。
  • 我必须使用内联CSS，因为我在维基上，所以我无法编辑外部样式表，也无法编辑<head>来嵌入样式。
  • 当我向<table>标记添加样式属性时，似乎这个样式并没有传递给它的子元素。（我可以看出这几乎总是一件好事。）
  • 我不能使用<style><!--...--></style>，因为这不是MediaWiki页面上允许的标签。
我应该自认命运，向每个<tr>添加style="vertical-align: top"，还是我还有其他解决方案？ 编辑：删除了一些背景信息，以便将问题限制为问题标题所暗示的内容。
我除了使用JavaScript之外，无法想到其他的选择。 - Aliostad
这个问题特别涉及到MediaWiki页面。在MediaWiki页面上也不能使用内联JavaScript。 - Anachronist
4个回答
59

内联CSS是否可以应用于嵌套在样式元素中的子元素？

不是直接地。

间接地，只有当子元素在其现有样式表中设置了that-property: inherit时才可以。

19

我对这个问题产生了兴趣，特别是在为html邮件设置样式方面。由于在gmail中无法添加css到邮件的头部（信不信由你），唯一的方法是使用内联方式来应用电子邮件样式。

这个问题的答案是否定的，我不知道有没有其他可行的解决方法。当解决这个问题时，有助于思考您要应用的样式是“例外”还是“规则”，即如果90%的td垂直对齐顶部，则应将样式视为规则，并对剩余的10%进行更正。在执行此操作时，重要的是清楚地指定您的例外情况，最好使用引用“规则”的注释块进行说明。

有关支持css的详细参考信息，请参见http://www.campaignmonitor.com/css/。

4
谢谢 - 我确实是以同样的背景在看这个问题。 - Anupam
-5

我不熟悉维基百科，但您能否创建一个类并将样式应用于该类中的所有子节点？

所以...

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

<table class="SomeClass">

</table>

值得一试吗？

1
糟糕。事实证明，正如你所建议的那样，<style>可以完美地出现并在普通HTML页面的主体中工作。但是，在Mediawiki语法中，<style>不是允许的标签，这就是我的问题所在。谢谢！ - Esteis
我有一个类似的问题。我在一个MediaWiki页面上放了一个大表格，现在需要把第二列的文本居中显示。如果能使用<style>标签的话，很容易就可以创建规则mediawiki.table td:nth-child(2) { text-align:center; } ，但是如果不能呢？你解决了这个问题吗？ - Anachronist
-13
请使用以下内容：

<style type="text/css">

table tr td {
   vertical-align:top;
}

</style>
13
这个问题明确指的是内联样式。 - deltree
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接