2012-05-31 10 views
21

Questo è il problema in poche parole:I CSS in linea possono essere applicati agli elementi figlio nidificati nell'elemento di stile?

  • voglio applicare lo stile vertical-align: top ad ogni <tr> in una tabella, senza applicare manualmente lo stile di ogni riga.
  • Devo usare CSS in linea perché sono su un wiki, quindi non posso modificare il foglio di stile esterno o modificare lo <head> per incorporare uno stile.
  • Quando aggiungo un attributo di stile a un tag <table>, sembra che questo stile non sia passato ai suoi elementi figli. (Posso vedere come questo è quasi sempre una buona cosa.)
  • Non riesco a utilizzare <style><!--...--></style>, perché non è un tag consentito sulle pagine MediaWiki.

caso mi rassegno ad aggiungere style="vertical-align: top ad ogni <tr>, o è ancora una soluzione che sto sottovalutando?

MODIFICA: rimosso un grumo di informazioni di sottofondo, al fine di limitare la domanda a ciò che suggerisce il titolo della domanda.

+0

non mi viene in mente altro che utilizzando JavaScript. – Aliostad

risposta

19

Il diritto in linea CSS si applica agli elementi figlio nidificati nell'elemento di stile?

Non direttamente.

Indirettamente, solo se l'elemento figlio ha that-property: inherit impostato nel foglio di stile esistente.

-4

Uso seguente:

<style type="text/css"> 

table tr td { 
    vertical-align:top; 
} 

</style> 
+0

dovrebbe leggere: 'table tr td {vertical-align: top; } ' –

+4

la domanda si riferisce esplicitamente agli stili in linea. – deltree

-4

Im non hanno familiarità con Wiki, ma si può creare una classe e applicare uno stile a tutti i figli in quella classe?

Quindi ...

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

<table class="SomeClass"> 

</table> 

Merita una prova?

+0

D'oh.Risulta che '