Html 使用表格时，是否可以为一个类使用两个选择器？

上下文：我是HTML/CSS的新手，目前正在使用Markdown创建一个基本网站

我浏览了StackOverflow的帖子，但没有回答我的具体问题

我有一个基本表：

.mytable {
border: 1px solid #ccc;
background-color: white;

th {
 padding: 2px;
 height:40px;
 color: #ffffff;
 background-color: #4c4c4c;
 }

td {
   padding: 2px;
   text-align:center; 
   vertical-align:middle;
   border:1px solid #f1eaf2;
}

tr:nth-child(odd){background-color: #efefef}
}

但是，在一个表上，我想将文本向右对齐。我尝试了一些内联样式，例如，

，但没有成功。因此，我想知道是否有可能在同一个

类中有两个不同的

s

如果没有，我确实在StackOverflow上找到了创建两个不同表类的地方

---

谢谢您的帮助。

是的，您可以在同一表格中以不同方式对齐两列中的文本。诀窍是将

文本对齐：right

应用于第二个

元素。有几种方法可以做到这一点，在下面的示例中，我使用了

td:last child

选择器

.mytable{
边框：1px实心#ccc；
背景色：白色；
}
.mytable th{
填充：2px；
高度：40px；
颜色：#ffffff；
背景色：#4c；
}
.mytable td{
填充：2px；
文本对齐：居中；
垂直对齐：中间对齐；
宽度：100px；
边框：1px实心#f1eaf2；
}
.mytable td：最后一个孩子{
文本对齐：右对齐；
}
.mytable tr:n个孩子（奇数）{
背景色：#EFEF
}

A.
B
1A
1B
2A
2B
3A
3B

注意：align属性在HTML5中已经过时，但无论如何都不适用于文本。

.mytable{td}

是不合法的。您需要

.mytable td{}

。两个不同的表类就像

.mytableclass1

和

一样简单。mytableclass2

在html中对齐文本看起来像

。注意，

style

意味着

！重要信息

您可以共享您的HTML吗？另外，您是否在这方面使用Sass/Less？否则（正如蒂佩姆指出的那样），CSS是无效的。