首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS和嵌套表

CSS和嵌套表
EN

Stack Overflow用户
提问于 2011-10-30 00:39:20
回答 2查看 33.1K关注 0票数 20

我有包含多个其他表的html表。我的问题是内部表继承了与外部表相同的规则。

有没有一种方法可以覆盖外部表的规则?我主要想告诉内表:

嘿,内桌,你的名字是"X“。我要你忘记你的外桌和它的规则。我希望你遵循这些其他特定的规则。

有没有办法在HTML/CSS中实现这一点?例如?

EN

回答 2

Stack Overflow用户

发布于 2011-10-30 11:39:18

代码语言:javascript
复制
table.something > thead > tr > td,
table.something > tbody > tr > td,
table.something > tfoot > tr > td,
table.something > tr > td {
   ...
}

这将确保只有所选表的直接子项,而不是嵌套表的直接子项,才会接收样式。

票数 22
EN

Stack Overflow用户

发布于 2016-10-06 11:54:09

最简单的方法是class和id。请确保使用元素。

代码语言:javascript
复制
table.outter { some: style; } /* class */  
table#inner { some: style; } /* id */  

您还可以使用

代码语言:javascript
复制
table { some: style; }  
table table { some: style; } /* override outter table */  

或者将这两者结合起来

代码语言:javascript
复制
table.outter { some: style; } /* class */  
table.outter table#inner { some: style; } /* id */  

希望这能有所帮助。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7940196

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档