CSS和嵌套表
CSS和嵌套表
提问于 2011-10-30 00:39:20
我有包含多个其他表的html表。我的问题是内部表继承了与外部表相同的规则。
有没有一种方法可以覆盖外部表的规则？我主要想告诉内表：
嘿，内桌，你的名字是"X“。我要你忘记你的外桌和它的规则。我希望你遵循这些其他特定的规则。
有没有办法在HTML/CSS中实现这一点？例如？
回答 2
Stack Overflow用户
发布于 2011-10-30 11:39:18
table.something > thead > tr > td,
table.something > tbody > tr > td,
table.something > tfoot > tr > td,
table.something > tr > td {
...
}这将确保只有所选表的直接子项，而不是嵌套表的直接子项，才会接收样式。
Stack Overflow用户
发布于 2016-10-06 11:54:09
最简单的方法是class和id。请确保使用元素。
table.outter { some: style; } /* class */
table#inner { some: style; } /* id */ 您还可以使用
table { some: style; }
table table { some: style; } /* override outter table */ 或者将这两者结合起来
table.outter { some: style; } /* class */
table.outter table#inner { some: style; } /* id */ 希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7940196
复制相关文章
相似问题
腾讯云开发者
