Html 如何删除表格左上角单元格中的边框并更改背景色？

我在更改表格左上角的单元格时遇到问题。 我有这张桌子：

zľavovéhodiny
扎č/deňpondelokutorokstredaštvrtokpiatok
10:00
普拉奇基、苏希奇基（-20%）
12:00
米克罗夫内鲁里（-25%）
维萨瓦切（-30%）

您可以使用

tr:first child th:first child

选择器获取/到达左上角的单元格

表{
边框：5px双倍#999；
背景色：白色；
边框间距：5px1em；
空单元格：隐藏；
左边距：自动；
右边距：自动；
}
表th，表td{
边框：1px纯黑；
填充：0.5em；
边界塌陷：塌陷；
}
表tr:N个孩子（1）{
背景颜色：金色；
}
表th:n第n名儿童（2）{
边框底宽：5px；
}
表th:N个孩子（3）{
边框底宽：5px；
}
表th:N个孩子（4）{
边框底宽：5px；
}
表th:N儿童（5）{
边框底宽：5px；
}
表th:N儿童（6）{
边框底宽：5px；
}
表tr：第n个子项（奇数）{
背景颜色：橙色；
}
表tr:N个孩子（1）{
背景颜色：金色；
}
tr:第一个孩子th:第一个孩子{
背景色：#中交；
/*添加您想要的内容*/
}

zľavovéhodiny
扎č/deňpondelokutorokstredaštvrtokpiatok
10:00
普拉奇基、苏希奇基（-20%）
12:00
米克罗夫内鲁里（-25%）
维萨瓦切（-30%）

只需在th中添加一个类（空白）并在css中定义（边框：无；背景色：#fff！important；）

表{
边框：5px双倍#999；
背景色：白色；
边框间距：5px1em；
空单元格：隐藏；
左边距：自动；
右边距：自动；
}
表th，表td{
边框：1px纯黑；
填充：0.5em；
边界塌陷：塌陷；
}
表tr:N个孩子（1）{
背景颜色：金色；
}
表th:n第n名儿童（2）{
边框底宽：5px；
}
表th:N个孩子（3）{
边框底宽：5px；
}
表th:N个孩子（4）{
边框底宽：5px；
}
表th:N儿童（5）{
边框底宽：5px；
}
表th:N儿童（6）{
边框底宽：5px；
}
表tr：第n个子项（奇数）{
背景颜色：橙色；
}
表tr:N个孩子（1）{
背景颜色：金色；
}
第n名儿童（1）{
背景颜色：李子；
右边框宽度：5px；
}
.空白
{
边界：无；
背景色：#fff！重要；
}

zľavovéhodiny
扎č/deňpondelokutorokstredaštvrtokpiatok
10:00
普拉奇基、苏希奇基（-20%）
12:00
米克罗夫内鲁里（-25%）
维萨瓦切（-30%）

在css中，您可以执行以下操作：

table  tr:nth-child(1) th:nth-child(1){
background:#CCC;
border:1px 5px 1px 1px;
border-style: solid;
border-color: #the color;
}

希望能有帮助