57

これは一言で言えば問題です：

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

style="vertical-align: topeveryに追加することを辞任する必要<tr>がありますか、それともまだ見落としている解決策ですか?

編集：質問のタイトルが示唆する内容に質問を限定するために、背景情報の塊を削除しました。

4

4 に答える 4

49

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

直接ではありません。

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

于 2012-05-31T11:59:01.490 に答える
17

特にHTMLメールのスタイリングについて、別のコンテキストからこの質問に興味がありました。gmail ではメールの先頭に css を追加できないため (信じられないかもしれませんが)、一貫してメール スタイルを適用する唯一の方法はインラインです。

この質問に対する答えは「いいえ」です。この状況または私が認識しているその他の状況で、問題を回避する許容できる方法はありません。このような問題に取り組むときは、適用しようとしているスタイルが「例外」なのか「ルール」なのかを考えると役に立ちます。つまり、tds の 90% が垂直方向に配置されている場合は、単に適用する必要があります。原則としてスタイルを確認し、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 に答える