스타일 속성에서 자식 노드에 대한 CSS 스타일 설정

Question

< 스타일> 요소 < head>에 사용하지 않고 자식 노드의 스타일을 부모 스타일에서 설정할 수 있습니까?

예. 나는 행 (아래 첫 번째 행)이있는 테이블을 가지고 있으며 TD 요소의 모든 텍스트를 글꼴 크기 7pt로 지정합니다.

뭔가 같은 :

 
    <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> 

감사합니다, 그랜트

Answer 1

아니 그것,이 스타일 태그는 인라인 스타일을 피하려고 그런데 :-)입니다 정확히 그렇죠.

Answer 2

<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> 

Answer 3

그것의 불가능 직접. 그러나 여전히 인라인 스타일을 사용하려면 JavaScript를 사용하고 각 요소에 스타일을 설정해야합니다. 다시

유효한 방법입니다 안 좋은 솔루션 -> 다음은 IE7에서 작동하고 UP & 다른 모든 브라우저 당신은 아마 당신의 테이블에 클래스 이름을 부여 할

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

것입니다.