调整表相关HTML标记的CSS

调整表相关HTML标记的CSS,css,Css,我有一个古老的基于HTML表格的web表单,我正在尝试设计它的样式,对HTML的控制非常有限,所以我必须使用现有的表格结构 我看到桌子周围有一个边框,很明显它的样式如下: tbody tr td { border: 1px solid hsl(0, 0%, 80%); height: 20px; width: 20px; } 它位于一个名为lead form的div类中,该类在整个站点中似乎是唯一的。我如何在div中只针对这个特定的表,这样就不会破坏网站上使用表的其他内容?如果。lead fo

我有一个古老的基于HTML表格的web表单,我正在尝试设计它的样式,对HTML的控制非常有限,所以我必须使用现有的表格结构

我看到桌子周围有一个边框,很明显它的样式如下:

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

它位于一个名为lead form的div类中,该类在整个站点中似乎是唯一的。我如何在div中只针对这个特定的表,这样就不会破坏网站上使用表的其他内容?

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

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

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

div#lead-form tbody tr td {

}
注意:对不起,如果是一门课,那就太难了

div.lead-form tbody tr td {

}

.lead表单中是否有多个表