2012-05-31 11 views
21

これは一言で言えば、問題がある:スタイル付き要素にネストされた子要素にインラインCSSを適用できますか?

  • 私はを手動で行ごとにスタイルを適用することなく、テーブル内のすべての<tr>にスタイルvertical-align: topを適用したいです。
  • wiki上にあるのでインラインCSSを使用する必要があるので、外部スタイルシート を編集したり、スタイルを埋め込むように<head>を編集することはできません。
  • <table>タグにスタイル属性を追加すると、このスタイルはその子要素に渡されないように見えます。 (私はこれがいつも良いことであると思います)
  • <style><!--...--></style>はMediaWikiページでは許可されていないタグなので、使用できません。

私はすべての<tr>style="vertical-align: topを追加することに自分自身を辞任、またはまだ私が見下ろす午前ソリューションであるべきでしょうか?

EDIT:質問のタイトルが示唆しているところに質問を限定するために、背景情報の塊を削除しました。

+0

私はJavaScriptを使用して以外に考えることはできません。 – Aliostad

答えて

19

インラインCSSは、スタイル要素にネストされた子要素に適用できますか?

直接ではありません。

子要素に既存のスタイルシートにthat-property: inheritが設定されている場合に限り、間接的にです。

-4

使用以下:ウィキの精通

<style type="text/css"> 

table tr td { 
    vertical-align:top; 
} 

</style> 
+0

以下のようになります。 'table tr td {vertical-align:top; } ' –

+4

質問は明示的にインラインスタイルを参照しています。 – deltree

-4

イムではないが、あなたは、クラスを作成し、そのクラス内のすべての子ノードにスタイルを適用することができますか?

そう...

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

<table class="SomeClass"> 

</table> 

試してみる価値は?

+0

D'oh。'