2012-05-31 5 views
21

Das ist das Problem auf den Punkt: zu jedem <tr> in einer Tabelle, ohne manuell anwenden, den Stil zu jeder ZeileKann Inline-CSS auf untergeordnete Elemente angewendet werden, die im Stilelement verschachtelt sind?

  • Ich möchte vertical-align: top den Stil anzuwenden.
  • Ich muss Inline-CSS verwenden, weil ich in einem Wiki bin, so kann ich das externe Stylesheet nicht bearbeiten, oder bearbeiten Sie die , um einen Stil einzubetten.
  • Wenn ich einem <table>-Tag ein Stilattribut hinzufüge, scheint es, dass dieser Stil nicht an seine untergeordneten Elemente weitergegeben wird. (Ich kann sehen, wie das ist fast immer eine gute Sache.)
  • Ich kann <style><!--...--></style> nicht verwenden, da das nicht ein zulässiges Tag auf MediaWiki-Seiten ist.

Soll ich mich abfinden style="vertical-align: top jeden <tr> zu addieren, oder ist immer noch eine Lösung, die ich mit Blick auf bin?

BEARBEITEN: Entfernt einen Klumpen von Hintergrundinformationen, um die Frage zu beschränken, worum es bei dem Titel der Frage geht.

+0

Ich kann nicht anders denken, als mit Hilfe von Javascript. – Aliostad

Antwort

19

Kann Inline-CSS auf untergeordnete Elemente im gestylten Element angewendet werden?

Nicht direkt.

Indirekt nur, wenn das untergeordnete Element that-property: inherit im vorhandenen Stylesheet festgelegt ist.

-4

Verwendung folgend:

<style type="text/css"> 

table tr td { 
    vertical-align:top; 
} 

</style> 
+0

sollte es lesen: 'Tabelle tr td {vertikal-align: top; } ' –

+4

Die Frage bezieht sich explizit auf Inline-Stile. – deltree

-4

Im nicht mit Wikis vertraut, aber können Sie eine Klasse erstellen und einen Stil für alle untergeordneten Knoten in dieser Klasse gelten?

So ...

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

<table class="SomeClass"> 

</table> 

einen Versuch wert?

+0

D'oh.Stellt sich heraus, dass '