如何覆蓋嵌套表元素的CSS設置？

CSS：如何覆蓋嵌套表元素的CSS設置？

table.t_group tbody th 
{ 
    text-align: left; 
} 

table.t_group_matches tbody th 
{ 
text-align: center; 
}

HTML：

<table class="t_group"> 
    <tbody> 
     <tr> 
      <td style="width:200px">123</td> 
      <td style="width:200px">456</td> 
     </tr> 
    </tbody> 
    <tfoot><tr><td colspan="2"> 
     <table class="t_group_matches"> 
      <tbody><tr> 
       <th>Some text to be centered</th> 
      </tr></tbody> 
     </table> 
    </td></tr></tfoot> 
</table>

的指定文本不居中......

請指教，如何使它爲中心？

P.S.我可以將樣式規範添加到標籤本身（即有效），但我不喜歡從css文件中移出這些「東西」。

P.P.S.

如果這是至關重要的，我的 'DOCTYPE'：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

P.P.P.S.

如果您知道任何可以工作的新功能（html5，css3），請告知。

來源

2011-07-03 Budda

您是否嵌套表格的寬度？如果沒有，它可能工作得很好，但是你的嵌套表只與你的文本一樣寬，所以它看起來就好像它是相對於父對齊的。將嵌套表的寬度設置爲100％，並查看是否修復了任何內容。 –

爲什麼你沒有把它作爲答案？ – Budda

的文本居中，只是表不填寫其封閉區域的寬度：

table.t_group_matches {width:100%}

來源

2011-07-03 23:11:30 davin

Downvoter-without-explanation，你是個傻瓜。這個錯誤不能解決問題，當然如果你努力去檢查這個問題，你會知道的。 – davin

當然，如果沒有拼寫修正，你的工作也不行，我是否真的需要解釋一下，才值得投票呢？ – jerluc

@jerluc，OP問了一個問題。你可以指出一個不能解決問題的小問題，或者關注主要問題。如果你認爲指出主要問題而不是側面問題是值得反對的，那麼你的答案甚至沒有解決主要問題，應該不僅僅是反對票... – davin

如何覆蓋嵌套表元素的CSS設置？

回答

相關問題