祖先表類會影響後繼表元素

有人可以告訴我如何解決影響後續表元素的祖先表類的問題。祖先表類會影響後繼表元素

我有一個表在表：

<table id="table1" class='parent'> 
    <tr> 
     <td> 
      <table style="width: 100%"> 
       <tr> 
        <td> 

        </td> 
       </tr> 
       <tr> 
        <td> 

        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td> 

     </td> 
    </tr> 
</table>

，我有CSS設置：

.parent { 
    background: yellow; 
    width: 200px; 
    height: 100px; 
} 
#table1 tr:first-child td:first-child { 
    width: 100%; 
    height: 30px; 
    border: dashed red 1px; 
}

，這將導致該表2 TR：第一胎TD：第一孩子也將獲得

width: 100%; 
height: 30px; 
border: dashed red 1px;

我該如何避免這種情況，並只爲父表進行css設置，而不影響後繼表元素

來源

2013-10-23 vojislav simsic

請仔細格式化你的問題。你還應該包括你的實際標記，因爲它不符合你的CSS，而且我們知道這個問題可能完全存在於其他地方。 – BoltClock

使用「>」不申請樣式嵌套表

#table1>tr:first-child>td:first-child

或

#table1>tbody>tr:first-child>td:first-child

來源

2013-10-23 08:02:59 Anon

它沒有幫助。已經嘗試過這個。父表中的第一個td沒有以這種方式進行格式化。 –

也許你在代碼上丟失了標記。請在瀏覽器開發人員工具中檢查HTML。＃table1> tbody> tr：first-child> td：first-child – Anon

aaaahhh，該死的解決了一切。我從來沒有用html代碼製作表格時使用它，因爲它不需要製作表格。但很明顯，這是需要在這樣的CSS目標。無論如何，非常感謝你Anon –

祖先表類會影響後繼表元素

回答

相關問題