css-立即第一个tr第二个td不工作

css-立即第一个tr第二个td不工作,css,Css,我不知道下面为什么不起作用。我正在尝试在外部表的第一个tr和第二个td上应用color:red样式 表格, tr, 运输署{ 边框:1px黑色实心; } #outerTable>tr:第一个子项>td:第n个子项(2){ 颜色:红色; } 外表1 tr 1 td 内表1 tr 1 td 内表1tr 2 td 外桌第一tr第二td——只想要这个红色 因为在DOM中有一个tbody标记。 将代码更改为 #outerTable > tbody > tr:first-child >

我不知道下面为什么不起作用。我正在尝试在
外部表的第一个
tr
和第二个
td
上应用
color:red
样式

表格,
tr,
运输署{
边框:1px黑色实心;
}
#outerTable>tr:第一个子项>td:第n个子项(2){
颜色:红色;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色

因为在DOM中有一个
tbody
标记。 将代码更改为

#outerTable > tbody > tr:first-child > td:nth-child(2) {
表格,tr,td{
边框:1px黑色实心;
}
#外部表>tbody>tr:第一个子项>td:第n个子项(2){
颜色:红色;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色

因为在DOM中有一个
tbody
标记。 将代码更改为

#outerTable > tbody > tr:first-child > td:nth-child(2) {
表格,tr,td{
边框:1px黑色实心;
}
#外部表>tbody>tr:第一个子项>td:第n个子项(2){
颜色:红色;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色

选择器应为
#outerTable>tbody>tr:first of type>td:nth child(2)

表格,tr,td{
边框:1px黑色实心;
}
#outerTable>tbody>tr:类型的第一个>td:第n个子项(2){
颜色:红色;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色

选择器应为
#outerTable>tbody>tr:first of type>td:nth child(2)

表格,tr,td{
边框:1px黑色实心;
}
#outerTable>tbody>tr:类型的第一个>td:第n个子项(2){
颜色:红色;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色
.colorRed{
颜色:红色;
}
桌子
tr,
运输署{
边框:1px黑色实心;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色
.colorRed{
颜色:红色;
}
桌子
tr,
运输署{
边框:1px黑色实心;
}

外表1 tr 1 td
内表1 tr 1 td
内表1tr 2 td
外桌第一tr第二td——只想要这个红色

会自动关闭generated@justinw这对于设置表格的样式很有教育意义。我从来不知道样式中必须包含
tbody
,即使它在
html
中被自动忽略generated@justinw这对于设置表格的样式很有教育意义。我从来都不知道
tbody
必须包含在样式中,即使在
html