如何覆盖嵌套表元素的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设置？

回答

相关问题