编辑：我已经用一些人的建议更新了这篇文章。不过，我仍然无法让编码正常工作。
我正在尝试创建一个具有两种不同表格样式（基本上是对话框）的文档：一种表格具有黑色背景、白色边框和白色文本。另一种表格类型将具有白色背景（无边框）和黑色文本。 （整个文档是黑色背景上的白色文本。）但是当我尝试创建这两种表格样式时，它只需要其中一种即可；两种表格类型都具有白色背景或黑色背景。在我当前的示例中，两者最终都有白色背景和白色文本——实际上不可读！
<!DOCTYPE html>
<html>
<style>
table.table1 td {
background-color: black;
color: white;
border: 6px solid white;
border-collapse: collapse;
width: 250px;
font-family: Consolas;
}
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.table2基本上，这与只写入两次
td { ...... }如果在 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>
提示：将正文标记的内联样式也移动到样式部分。