Html 如何制作<;col>;否决a<;tr>;背景色?
如果我将偶数行设为红色,第二列设为蓝色,则交点将变为红色 我想把整个第二栏变成蓝色Html 如何制作<;col>;否决a<;tr>;背景色?,html,css,Html,Css,如果我将偶数行设为红色,第二列设为蓝色,则交点将变为红色 我想把整个第二栏变成蓝色 tr:n类型(2n) { 背景:红色; } 列:第n个类型(2) { 背景:蓝色; } 将第17单元格设为整个第二列蓝色 即使该表有9999行其他行,这些行的单元格具有随机行跨 12345 6810 111314 1617181920 21232425 答案更新 您可以将目标设置为td[rowspan],以确保所有rowspan都具有背景色。请参阅更新的代码段 tr:n类型(2n) { 背景:红色; } td
tr:n类型(2n)
{
背景:红色;
}
列:第n个类型(2)
{
背景:蓝色;
}
将第17单元格设为整个第二列蓝色
即使该表有9999行其他行,这些行的单元格具有随机行跨
12345
6810
111314
1617181920
21232425
答案更新
您可以将目标设置为td[rowspan]
,以确保所有rowspan都具有背景色。请参阅更新的代码段
tr:n类型(2n)
{
背景:红色;
}
td[世界其他地区]{
背景:蓝色;
}
将第17单元格设为整个第二列蓝色
即使该表有9999行其他行,这些行的单元格具有随机行跨
12345
68910
11131415
1617181920
21232425
最好选择td
而不是tr
并过滤td[rowspan]
无论如何,背景col
总是被画在tr
/td
/th
后面
例如:
tr:n类型(2n)td:not([rowspan])/*如果选择器不匹配,则没有背景*/
{
背景:红色;
}
列:第n个类型(2)
{
背景:蓝色;
}
将第17单元格设为整个第二列蓝色
即使该表有9999行其他行,这些行的单元格具有随机行跨
1.
2.
3.
4.
5.
6.
8.
9
10
11
13
14
15
16
17
18
19
20
21
23
24
25
整个第二列蓝色
右侧。。我想你的问题有错对不起,修正了…而且你的tr
和td
标记没有结束标记。@rajshekarredy结束标记在tr
和td
中是可选的HTML5@ZoltanToth谢谢你的信息,我不知道。谢谢,但我正在寻找一种不会改变表格结构的解决方案,只是改变样式。@TamásBolvári好的,我已经更新了我的答案。我希望这会有帮助。谢谢,但是这个解决方案有一个严重的副作用:每个单元格都会变成蓝色,并且有一个rowspan
属性,即使它不在第二列中。我的目标是使整个第二列变为蓝色,而不使其他任何列变为蓝色。即使该表有9999行其他行,这些行的单元格具有随机行跨。。。我会澄清这个问题,抱歉,如果它是模棱两可的。很好的观点。。。GCyrillus的回答看起来更适合你的情况