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
Html 在CSS中应用类型(3){border bottom color:transparent;}的tbody td:nth和tr.noborder td{border bottom:transparent;}之间的差异_Html_Css - Fatal编程技术网

Html 在CSS中应用类型(3){border bottom color:transparent;}的tbody td:nth和tr.noborder td{border bottom:transparent;}之间的差异

Html 在CSS中应用类型(3){border bottom color:transparent;}的tbody td:nth和tr.noborder td{border bottom:transparent;}之间的差异,html,css,Html,Css,第一个场景: h1{ 文本对齐:居中; } 运输署{ 宽度:100px; 高度:100px; 右边框:1px纯色灰色; 边框底部:1px纯色灰色; } 桌子{ 保证金:0px自动0px自动; } t车身总厚度:第n种类型(3){ 右边框颜色:透明; } t车身tr:n类型(3){ 边框底色:透明; } 桌子 井字过三关 因为您要将边框应用于td而不是tr,所以请使用tbody tr:nth类型(3)td获得所需的透明边框,请参见下文 h1{ 文本对齐:居中; } 运输署{ 宽度:100px

第一个场景:

h1{
文本对齐:居中;
}
运输署{
宽度:100px;
高度:100px;
右边框:1px纯色灰色;
边框底部:1px纯色灰色;
}
桌子{
保证金:0px自动0px自动;
}
t车身总厚度:第n种类型(3){
右边框颜色:透明;
}
t车身tr:n类型(3){
边框底色:透明;
}

桌子
井字过三关

因为您要将边框应用于
td
而不是
tr
,所以请使用
tbody tr:nth类型(3)td
获得所需的透明边框,请参见下文

h1{
文本对齐:居中;
}
运输署{
宽度:100px;
高度:100px;
右边框:1px纯色灰色;
边框底部:1px纯色灰色;
}
桌子{
保证金:0px自动0px自动;
}
t车身总厚度:第n种类型(3){
右边框颜色:透明;
}
t车身tr:nth类型(3)td{
边框底色:透明;
}

桌子
井字过三关

非常感谢您的帮助。我还有更多问题。因此,如果我们应用“tbody tr:nth of type(3){border bottom color:transparent;}”,为什么这个样式没有应用到第三个tr的所有后代。为什么在tr之后指定td很重要?因为边框颜色是从父级继承的,例如,如果在tr上应用字体大小,它将被继承,但不是每个属性。您可以在这里找到更多可继承的属性:但是边框颜色属性不可继承,正如您在链接中看到的那样。我可以得出结论,边框颜色是不可继承的,这就是为什么我们需要特别指定td,而背景属性是可继承的,这意味着即使我们不应用td,背景属性也将应用于tr的所有后代。Hi PankajChibhrani,抱歉,这是一个打字错误,我的意思是说边框颜色属性不是继承的