如何使用css在HTML5中为多个表设置不同的样式

我目前正在为我的公司开发一个网站，从零开始使用html5、css和javascript

我有几张桌子，我想单独设计，例如不同颜色、尺寸等

我试着给他们每个人一个自己的类，我为我的css做了table.table1-对于所有3个css，但只有一个css工作，对于所有3个表，似乎。。。我哪里做错了

名字*
姓*
电子邮件地址*
电话号码
评论*

此表的CSS如下所示：

table.contact tr，td{
边框：1px实心#ffffff；
边界塌陷：塌陷；
颜色：#000000；
背景色：#ffffff；
字号：1em；
保证金：0；
边缘底部：22px；
填充：4px；
字体风格：普通；
文本对齐：左对齐；
边框底部样式：实心；
边框底宽：0.25em；
边框底色：#ffffff；
边界半径：0px；
}
表1.1：运输署联络人{
填充物：5px；
文本对齐：左对齐；
}
表1.联系人标签{
显示：内联块；
宽度：100px；
右边距：10px；
文本对齐：右对齐；
}

您第一行有个错误，

此选择器表示您正在将样式应用于

tr

在

表格内。concat

，以及页面上的所有其他

td

，因为逗号分隔选择器。
如果只想将样式应用于

table.concat内的td，则应使用<代码>表格。联系td

table.contact tr, table.contact td {
}

这将是正确的做法

也要考虑更多关于CSS和HTML5的基础知识，因为你似乎缺少一些关于他们的Acthax的基本知识和方法。

---

系列文章（开头部分）可能最终会对您有帮助。

您的html不好。。当没有tr启动时，请详细告诉我们问题。谢谢

并非特定于

HTML5

，它从

HTML

的早期就开始使用。我纠正了这把小提琴中一些明显的错误。我真的不明白你想要实现什么。你说你已经尝试了3个表格的样式，但是我只看到一个，也许你是在谈论行？嗨，是的，我只包括了一个表格来显示我是如何引用每个1的-另外两个是.table1和.table2以及类似的css，所以我认为包含所有3个太多信息了。我需要知道为什么它不工作，因为我有3个不同的css样式用于3个不同的类表。基本上，我希望联络表居中，其他两个我想在左边，不同的b颜色等。感谢里昂指出我的html是垃圾，我一直试图教自己。我没有上过大学，我只有5个gcse a-c等级，10年的工作经验。我有诵读困难症，请容忍我！我最终会自己解决的！此外，您真的不应该使用表来为现代html中的表单设置样式。像这样的东西会更好，好吧，我现在尝试使用JSFIDLE——为什么只有一个css过滤到html表显示？js fiddle在这里，我还尝试编辑您的js fiddle，为每个表提供不同的背景颜色和对齐方式等，它似乎只响应一批css代码。有什么想法吗？还忘了提及-所有的表格都在单独的html网页上，我不确定这是否重要！你能再帮我一次吗？我正试图做到这一点-它似乎仍然只是选择颜色，并将其用于所有三张表，而不仅仅是其中指定的一张表。看这里的小提琴——我想要的是每张桌子有不同颜色的背景——我在我自己的桌子上尝试了不同的颜色，目标选择器设置在类中，它做同样的事情。

table.contact tr, table.contact td {
}