我正在尝试创建一个具有两种不同表格样式（基本上是对话框）的文档：一种表格具有黑色背景、白色边框和白色文本。另一种表格类型将具有白色背景（无边框）和黑色文本。 （整个文档是黑色背景上的白色文本。）但是当我尝试创建这两种表格样式时，它只需要其中一种即可；两种表格类型都有白色背景或黑色背景。在我当前的示例中，两者最终都有白色背景和白色文本——实际上不可读！
<html>
<style>
table.table1, td {
background-color: black;
color: white;
border: 6px solid white;
border-collapse: collapse;
width: 250px;
font-family: Consolas;
}
ul {
list-style-type: "* ";
}
table.table2, td {
background-color: white;
color: black
width: 200px;
font-size: 13px;
}</style>
这就是我的身材风格：
<body style="background-color:black; color:white; font-family:Calibri">
我做错了什么？ （我希望我可以展示实际的文档本身，但我找不到在该论坛上附加文档的方法；该页面尚未发布。）
您覆盖了第二个块中的样式，因为您在
table.table1table.table2td { ... }如果在 table-class 和 td 之间放置一个空格，则 td 样式将依赖于表的前缀类名：
<!DOCTYPE html>
<html>
<style>
table.table1 td {
background-color: black;
color: white;
border: 6px solid white;
border-collapse: collapse;
width: 250px;
font-family: Consolas;
}
ul {
list-style-type: "* ";
}
table.table2 td {
background-color: white;
color: black
width: 200px;
font-size: 13px;
}
</style>
提示：将正文标签的内联样式也移动到样式部分..