Question

我有2张桌子。你的身份证是可以的。秒表mytable。当我为mytable编写CSS时，它也会影响你。为什么我无法弄清楚。这是CSS代码：

#mytable table {
    border-collapse: collapse;
    width: 100%;
}

#mytable th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#mytable tr:hover{background-color:#f5f5f5}

#mytable tr th{
    padding-bottom: 50px;
}

Answer 1

试试这个，'＃mytable th，td'不要右选择器

#mytable table {
    border-collapse: collapse;
    width: 100%;
}

#mytable th, #mytable td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#mytable tr:hover{background-color:#f5f5f5}

#mytable tr th{
    padding-bottom: 50px;
}

Answer 2

您需要发布HTML，但我可以看到您提供的内容存在一些问题。

#mytable table意味着你有一个包含在ID mytable的容器元素中的表，即使没有看到你的HTML代码，我猜你的意思是选择

table#mytable {
    border-collapse: collapse;
    width: 100%;
}

您的第二条规则是定位#mytable表下的表格标题，然后继续定位所有表格中的所有表格单元格。再一次，没有看到你的HTML代码，我想你可能想写：

#mytable th, #mytable td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

发布您的HTML代码，我会根据您的情况更新我的答案

CSS影响所有表

2 个答案: