桌子裏面有不同風格的桌子嗎？

如何爲兩個表格單元格創建兩個不同樣式，即一個單元格位於另一個表格內？桌子裏面有不同風格的桌子嗎？

我有兩個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豎框，當我在桌子內部放置桌子時？

來源

2013-03-01 Kiril Spasov

檢查[這裏]（http://css-tricks.com/child-and-兄弟選擇器/） – 2013-03-01 09:09:19

我試過你的代碼，它的工作方式與你的希望一致。也許創建一個小提琴展示你的問題？ – 2013-03-01 09:13:38

-1

你可以按照下面的代碼

對於表1

表.style1 {/ *任何樣式* /}

表.style1 TD {/ *任何樣式* /}

對於表2

表.style1 .style2 {/ *任何樣式* /}

表.style1 .style2 TD {/ *任何樣式* /}

來源

2013-03-01 09:09:52 Kshitij

表名是.style1你可以在css中的表和.style1之間使用空格。這會選擇表格中的.style1元素。 – 2013-03-01 09:29:26

我們可以使用空格也可以。它將選擇表格，然後選擇style1類和style2類。我們正在使用它在我們的應用程序 – Kshitij 2013-03-01 10:06:11

試試這個代碼。我相信它工作正常。

table.style1 { /* any styles */} 

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

和

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

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

來源

2013-03-01 09:26:49

這裏有一種方法來選擇不同的表格單元格http://jsfiddle.net/HR8Bg/2/

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

.style1 td td { 
    background: red; 
}

來源

2013-03-01 09:37:43

桌子裏面有不同風格的桌子嗎？

回答

相關問題