Html 粘性列-同一CSS上的不同字体/粗体 我试着做一张桌子,每边有2个粘柱,中间有几个可以移动的桌子。

Html 粘性列-同一CSS上的不同字体/粗体 我试着做一张桌子,每边有2个粘柱,中间有几个可以移动的桌子。,html,css,google-chrome,html-table,Html,Css,Google Chrome,Html Table,虽然几乎所有东西都在工作,但我有一个小问题: 我将使用颜色:红色在某些TD中。例如,我把它们都做成了红色。如果您尝试比较粘性列的红色文本和非粘性列的红色文本,您可以看到它们是不同的。我怎样才能解决这个问题 #MyTable{ 背景色:#333333; 溢出-x:自动; 空白:nowrap; 左边距:0px; 颜色:红色; } #MyTable>thead>tr>th, #MyTable>tbody>tr>td{ 最小宽度:150px; 最大宽度:150px; } #MyTable>thead>

虽然几乎所有东西都在工作,但我有一个小问题:

我将使用
颜色:红色在某些TD中。例如,我把它们都做成了红色。如果您尝试比较粘性列的红色文本和非粘性列的红色文本,您可以看到它们是不同的。我怎样才能解决这个问题

#MyTable{
背景色:#333333;
溢出-x:自动;
空白:nowrap;
左边距:0px;
颜色:红色;
}
#MyTable>thead>tr>th,
#MyTable>tbody>tr>td{
最小宽度:150px;
最大宽度:150px;
}
#MyTable>thead>tr>th:n个孩子(1),
#MyTable>tbody>tr>td:n个孩子(1){
颜色:红色;
位置:粘性;
左:0;
背景色:#333333;
}
#MyTable>thead>tr>th:n个孩子(2),
#MyTable>tbody>tr>td:n个孩子(2){
颜色:红色;
位置:粘性;
左:150px;
背景色:#333333;
}
#MyTable>thead>tr>th:n最后一个孩子(1),
#MyTable>tbody>tr>td:n最后一个孩子(1){
颜色:红色;
位置:粘性;
右:0;
背景色:#333333;
}
#MyTable>thead>tr>th:n最后一个孩子(2),
#MyTable>tbody>tr>td:n最后一个孩子(2){
颜色:红色;
位置:粘性;
右:150px;
背景色:#333333;
}
身体{
边际:0px;
}

第1列粘性
Col 2粘性
第3列正常
第4列正常
第5列正常
第6列正常
Col 7粘性
Col 8粘性
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据

你好。在StackOverflow规则中,您不允许在一个问题中提出多个问题。请删除其中一个问题,否则整个问题将关闭。@IslamElshobokshy谢谢,我编辑了它。我怎样才能重新打开这个问题?如果我们有,就不需要JSFIDLE了!:)我看不出字体有什么不同。我还检查了网站,你所有的TD都使用Times 16px。你还在试图修复这个问题吗?我想说字体是一样的,但在某些情况下,冻结列的重量会因为某种原因变得更大。我能够在Windows10.Hello上用Edge(Chromium)82.0.432.3版(官方版本)dev(64位)进行复制。在StackOverflow规则中,您不允许在一个问题中提出多个问题。请删除其中一个问题,否则整个问题将关闭。@IslamElshobokshy谢谢,我编辑了它。我怎样才能重新打开这个问题?如果我们有,就不需要JSFIDLE了!:)我看不出字体有什么不同。我还检查了网站,你所有的TD都使用Times 16px。你还在试图修复这个问题吗?我想说字体是一样的,但在某些情况下,冻结列的重量会因为某种原因变得更大。我能够在Windows10上用Edge(Chromium)82.0.432.3版(官方版本)dev(64位)进行复制。