调整表相关HTML标记的CSS

Question

我有一个古老的基于HTML表格的网络表单，我正在尝试设计并且对HTML的控制非常有限，所以我必须使用现有的表格结构。

我看到桌子周围有一个边框，显然有以下样式：

tbody tr td {
border: 1px solid hsl(0, 0%, 80%);
height: 20px;
width: 20px;
}

它位于名为 lead-form 的div类中，该类似乎在网站中是唯一的。我如何仅仅在div中的这个特定表中定位，以便网站上没有其他内容被淘汰出使用表格？

Answer 1

如果.lead-form确实是唯一的，那么应该这样做。

.lead-form tbody tr td 
{
    /* Styles */
}

Answer 2

如果它实际上是该div中唯一的元素，则可以使用此选择器

div#lead-form tbody tr td {

}

注意：很抱歉，如果它是一个类，那么

div.lead-form tbody tr td {

}