다른 스타일의 테이블 내부 테이블?

Question

2 개의 테이블 셀에 하나의 셀이 다른 테이블 안에있는 두 가지 스타일을 만드는 방법은 무엇입니까?

나는 두 CSS 스타일이 : 코드에서

table.style1 { /* any styles */} 
table.style1 td { /* any styles */} 

및

table.style2 { /* any styles */} 
table.style2 td { /* any styles */ } 

내가 같이 somting 한 :

<table class="style1"> 
    <tr> 
     <td> 
     <table class="style2"> 
      <tr><td>bla bla<td></tr> 
     </table> 
     </td> 
    <tr> 
</table> 

을하고 그 결과를입니다 - <td> 테이블 셀의 모든 두 번째 테이블 (style2 포함)은 style1 ...입니다!

테이블에 테이블이있을 때 두 가지 CSS 스타일을 만드는 방법은 무엇입니까?

Answer 1

당신은 코드 아래

테이블

1

테이블 .style1을 따를 수 {/ * 어떤 스타일 * /}

테이블 .style1 TD {/ * 어떤 스타일 * /}

표 2

들어

테이블 .style1 .style2 {/ * 어떤 스타일 * /}

테이블 .style1 .style2 TD {/ * 어떤 스타일 * /}

Answer 2

이 코드를 사용해보십시오. 나는 그것이 잘 작동 확신합니다.

table.style1 { /* any styles */} 

table.style1 td { /* any styles */} 

및

table.style1 table.style2 { /* any styles */} 

table.style1 table.style2 td { /* any styles */} 

Answer 3

여기에 다른 테이블 셀 http://jsfiddle.net/HR8Bg/2/

.style1 td { 
    background: blue; 
    color: #fff; 
} 

.style1 td td { 
    background: red; 
}