CSS同一页面中的多个表具有不同的ID

我们在同一页中有两个不同的表格。其他用途需要不同的ID。因此，我们在样式中创建了多个CSS表元素。但只有第一个有效。如果我将客户的设计放在首位，它将被应用，但一次只能应用一个

#salescss{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
#salescss td，#salescss th{
边框：1px实心#ddd；
填充：8px；
}
#salescss tr:n个子（偶数）{背景色：#f2f2；}
#salescss tr:hover{背景色：#ddd；}
#销售{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：357EC7；
颜色：白色；
正文{字体系列：Arial；}
#顾客{
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
边界塌陷：塌陷；
宽度：100%；
}
#客户td，#客户th{
边框：1px实心#ddd；
填充：8px；
}
#客户tr:n子（偶数）{背景色：#f2f2f2；}
#客户tr:hover{背景色：#ddd；}
#顾客{
填充顶部：12px；
垫底：12px；
文本对齐：左对齐；
背景色：357EC7；
颜色：白色；
body{font-family:Arial；}

在

#sales css th{

和

#customers th{

#salescss {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}    
#salescss td, #salescss th {
    border: 1px solid #ddd;
    padding: 8px;
}

#salescss tr:nth-child(even){background-color: #f2f2f2;}

#salescss tr:hover {background-color: #ddd;}

#salescss th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #357EC7;
    color: white;
    }
body {font-family: Arial;}


 #customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #357EC7;
    color: white;
    }
body {font-family: Arial;}

---

如果你不分享你的相关HTML，我们不能提供任何关于你的CSS选择器的建议。它成功了。由Nandita解答。很抱歉没有发布HTML。我投票结束这个问题，因为它是由一个简单的打字错误引起的。当它是一个简单的打字错误时，请避免回答问题…有一个用于此目的的标志因为这些问题/答案对未来的读者不会有用，而且会在网站上发出噪音。谢谢@TemaniAfif:）我没有意识到这一点。以后会避免。我现在该怎么办？我应该删除答案并将其作为评论发布吗？你不能再删除你的答案，因为它已被接受，但你仍然可以对该问题进行近距离投票，这样它就会被删除et已关闭，稍后deletedOk将执行此操作。谢谢：）