2012-07-05 13 views
5

< style> öğesini < head> öğesinde kullanmadan nodes'in stillerini bir üst stilin içinden ayarlamak mümkün müdür?Stil özniteliğinde alt düğümler için CSS stilini ayarlama

E.g. Bir satırım var (ilk satır aşağıda) ve TD öğelerindeki tüm metinlerin 7pt yazı boyutu olmasını istiyorum.

şey gibi:

 
    <table> 
    <tr style='font-size:7pt;'> <--- How do I tell it to apply to child TD elements 
     <td>cell 1 should be formatted to 7pt font</td> 
     <td>cell 2 should be formatted to 7pt font</td> 
    </tr> 
    <tr> 
     <td>cell without format</td> 
     <td>another cell without format</td> 
    </tr> 
    </table> 

teşekkür, Grant

+1

, 'Ne çalışmalıdır. Eğer yoksa, başka CSS müdahalesi olmalı. – thirtydot

+0

Yazdığınız kod tam olarak ne istediğinizi yapar. Soruyu anlamıyorum. – SupremeDud

+0

Bu yüzden [gönderim kodunuz çalışıyor] (http://jsfiddle.net/davidThomas/7qKbK/), ancak 'tablo' elemanına bir 'style' etiketi ekledim, ancak çalışmasını derinlemesine görünür kılmak için. –

cevap

0

Hayır, bu tarz etiketi satır içi stil kaçınıyorum arada :-) için tam olarak ne değil mi.

3
<table> 
<tr class="format"> 
    <td>cell 1 should be formatted to 7pt font</td> 
    <td>cell 2 should be formatted to 7pt font</td> 
</tr> 
<tr> 
    <td>cell without format</td> 
    <td>another cell without format</td> 
</tr> 

<style>.format>td{font-size:7pt;}</style> 
0

Onun değil mümkün doğrudan. ancak hala satır içi stilini kullanmak istiyorsanız, JavaScript'i kullanmanız ve her öğe için stil belirlemeniz gerekir. yine

geçerli yoldur değil iyi bir çözüm -> Aşağıdaki IE7 çalışmak ve UP & diğer tüm tarayıcılar Muhtemelen masaya sınıf adını vermek istiyoruz

<style> 
table tr:first-child > td {font-size:7pt;} 
</style> 

olacaktır.

+0

" 'çalışmıyor, '. – thirtydot

+0

@thirtydot evet tabiki bunun için teşekkürler. Şimdi daha genel bir şekilde yazdı. OP'nin nasıl yazılacağını bildiğini düşünüyorum;) – Christoph

İlgili konular