Css 如何获取内部表忽略继承的样式
我见过一些类似的问题,但它们与我想要的不符。我有一个表可以有内部表的情况。但是,我喜欢内部表忽略“myTable”定义的样式。我该怎么做 最好不要为内部表添加CSS。或者至少不向内部表的ID添加新类或引用。谢谢你的帮助Css 如何获取内部表忽略继承的样式,css,Css,我见过一些类似的问题,但它们与我想要的不符。我有一个表可以有内部表的情况。但是,我喜欢内部表忽略“myTable”定义的样式。我该怎么做 最好不要为内部表添加CSS。或者至少不向内部表的ID添加新类或引用。谢谢你的帮助 #我的表格td,#我的表格th{ 边框:1px实心#ddd; 填充:8px; 文本对齐:左对齐; 单词包装:打断单词; } #myTable th{ 填充顶部:12px; 垫底:12px; 文本对齐:左对齐; 背景色:#00bf11; 颜色:白色; } #我的桌子{ 边界塌陷:
#我的表格td,#我的表格th{
边框:1px实心#ddd;
填充:8px;
文本对齐:左对齐;
单词包装:打断单词;
}
#myTable th{
填充顶部:12px;
垫底:12px;
文本对齐:左对齐;
背景色:#00bf11;
颜色:白色;
}
#我的桌子{
边界塌陷:塌陷;
宽度:100%;
边框:1px实心#ddd;
字体大小:12px;
字体系列:Verdana,无衬线;
表布局:固定;
}
可乐
可乐
可乐
1.
2.
上校一号
第二列
第三列
一个
两个
三
如果您试图使其样式只适用于特定的子级(tr
,th
,等位于顶层),则可以使用
指定仅适用于\myTable
的直接子级的样式
#myTable>td,#myTable>th{
边框:1px实心#ddd;
填充:8px;
文本对齐:左对齐;
单词包装:打断单词;
}
#myTable>th{
填充顶部:12px;
垫底:12px;
文本对齐:左对齐;
背景色:#00bf11;
颜色:白色;
}
#我的桌子{
边界塌陷:塌陷;
宽度:100%;
边框:1px实心#ddd;
字体大小:12px;
字体系列:Verdana,无衬线;
表布局:固定;
}
可乐
可乐
可乐
1.
2.
上校一号
第二列
第三列
一个
两个
三
Deryck的答案是正确的,尽管由于浏览器实现和缺少tr
#myTable>tbody>tr>td{
边框:1px实心#ddd;
填充:8px;
文本对齐:左对齐;
单词包装:打断单词;
}
#myTable>tbody>tr>th{
边框:1px实心#ddd;
填充顶部:12px;
垫底:12px;
文本对齐:左对齐;
背景色:#00bf11;
颜色:白色;
}
#我的桌子{
边界塌陷:塌陷;
宽度:100%;
边框:1px实心#ddd;
字体大小:12px;
字体系列:Verdana,无衬线;
表布局:固定;
}
可乐
可乐
可乐
1.
2.
上校一号
第二列
第三列
一个
两个
三
谢谢您的回复。我当然需要外面的桌子来保持它的颜色。如果运行解决方案,它似乎不起作用。:)<代码>#myTable>tbody>tr>td
和#myTable>tbody>tr>th
工作正常。这是因为浏览器在表格内容周围添加了一个tbody元素。