Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/meteor/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何获取内部表忽略继承的样式_Css - Fatal编程技术网

Css 如何获取内部表忽略继承的样式

Css 如何获取内部表忽略继承的样式,css,Css,我见过一些类似的问题,但它们与我想要的不符。我有一个表可以有内部表的情况。但是,我喜欢内部表忽略“myTable”定义的样式。我该怎么做 最好不要为内部表添加CSS。或者至少不向内部表的ID添加新类或引用。谢谢你的帮助 #我的表格td,#我的表格th{ 边框:1px实心#ddd; 填充:8px; 文本对齐:左对齐; 单词包装:打断单词; } #myTable th{ 填充顶部:12px; 垫底:12px; 文本对齐:左对齐; 背景色:#00bf11; 颜色:白色; } #我的桌子{ 边界塌陷:

我见过一些类似的问题,但它们与我想要的不符。我有一个表可以有内部表的情况。但是,我喜欢内部表忽略“myTable”定义的样式。我该怎么做

最好不要为内部表添加CSS。或者至少不向内部表的ID添加新类或引用。谢谢你的帮助

#我的表格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元素。