HTML text-align tr

Question

给出如下简单的表结构:

.table tr {
text-align: center
}

<table>
<thead>
<tr>
<th>Column1</th>
<th>Column2</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
</tr>
</tbody>
</table>

它对齐的文本。元素，但不包括的文本。

元素。但是，如果我尝试使用相同的选择器改变文本颜色，它会应用于所有表元素(th和td)。

我想知道这是为什么?

Answer 1

您的html中没有一个名为table的类。删除table之前的.以选择HTML中的<table>-元素。

table tr {
text-align: center;
}

<table>
<thead>
<tr>
<th>Column1</th>
<th>Column2</th>
</tr>
</thead>
<tbody>
<tr>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
</tr>
</tbody>
</table>

Answer 2

.table引用一个类。你的桌子上没有那类东西。默认为居中对齐，左对齐。

要将样式应用到问题中的表中，您可以使用style using表tr {text-align:中心}">

或者添加class="table"到你的桌子上去