Html 如何使用CSS在表中隐藏特定TD边框

我想在没有边框的桌子上放一些TDs。以下是我尝试过的：

CSS

HTML

1.
2.
3.
A.
B
C
AAAAA
B
C
D

我希望带有noBorderTD类的TDs没有边界，而其他类则有边界。我希望避免在每个边界TDs上使用“class=”指定类

---

清洁的最佳方法是什么？

您应用样式的顺序错误。正确的顺序是：

.calendar-table td {
    border: 1px solid black;
}

td.calendar-noBorder {
    border: none;
    background-color: red;
}


.calendar-table {
    border-collapse: collapse;
}

说明：首先为所有td指定边框，然后删除不需要的特定td边框

---

请看小提琴：“

您应用样式的顺序是错误的。正确的顺序是：

.calendar-table td {
    border: 1px solid black;
}

td.calendar-noBorder {
    border: none;
    background-color: red;
}


.calendar-table {
    border-collapse: collapse;
}

说明：首先为所有td指定边框，然后删除不需要的特定td边框

看小提琴：“

试试看

.calendar-noBorder {
    border: none!important;
    background-color: red;
}

试试看

.calendar-noBorder {
    border: none!important;
    background-color: red;
}

而不是：

border:none;

使用-

在TD类上，而不是：

border:none;

使用-

---

在TD类上

这甚至比用

强制执行要好！重要信息

正如我所做的：DThanks:）您可以使用！除非没有其他选项，否则不鼓励使用“重要”选项。这甚至比使用

强制使用“重要”选项要好！重要信息

正如我所做的：DThanks:）您可以使用！除非没有其他选项，否则不鼓励使用“重要”选项。您需要至少检查关于“边界冲突解决”的选项：您需要至少检查关于“边界冲突解决”的选项：