2012-05-31 13 views
21

To jest problem w skrócie:Czy wbudowany styl CSS może być stosowany do elementów potomnych zagnieżdżonych w stylu elementu?

  • Chcę zastosować styl vertical-align: top każdej <tr> w tabeli, bez ręcznie stosując styl do każdego wiersza.
  • Muszę używać wbudowanego CSS, ponieważ jestem na wiki, więc nie mogę edytować zewnętrznego stylu arkusza ani edytować <head>, aby osadzić styl.
  • Po dodaniu atrybutu stylu do znacznika <table> wygląda na to, że ten styl nie jest przekazywany do jego elementów potomnych. (Rozumiem, że to prawie zawsze jest dobre.)
  • Nie mogę użyć <style><!--...--></style>, ponieważ nie jest to dozwolony znacznik na stronach MediaWiki.

powinienem zrezygnować sobie na dodanie style="vertical-align: top każdej <tr>, czy jest jeszcze rozwiązanie ja widokiem?

EDIT: Usunięto bryłę o tle, w celu ograniczenia pytanie, co sugeruje tytuł pytanie chodzi.

+0

Nie mogę myśleć inny niż przy użyciu javascript. – Aliostad

Odpowiedz

19

Czy wbudowany styl CSS może być stosowany do elementów potomnych zagnieżdżonych w stylu elementu?

Nie bezpośrednio.

Pośrednio, tylko jeśli element podrzędny ma that-property: inherit ustawiony w istniejącym arkuszu stylów.

-4

Użyj następujących:

<style type="text/css"> 

table tr td { 
    vertical-align:top; 
} 

</style> 
+0

powinno brzmieć: 'table tr td {vertical-align: top; } ' –

+4

pytanie jednoznacznie odnosi się do stylów wbudowanych. – deltree

-4

Im nie zna Wiki tych, ale można utworzyć klasę i zastosować styl do wszystkich węzłów potomnych w tej klasie?

Więc ...

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

<table class="SomeClass"> 

</table> 

warto spróbować?

+0

D'oh.Okazuje się, że '