html - 将类分配给 HTML 中的单个 td 元素

Question

我正在创建一个表 来显示不同的度假村套餐。包含套餐名称、包含的住宿天数和费用的单元格必须将其文本居中。包含描述的单元格需要将文本左对齐。

在我的 CSS 文件中，这是关于表格单元格的内容

td, th { border: 1px solid #3399CC; }
td { text-align: centered; }
.text td { text-align: left; }

当我尝试将文本类应用于我的 HTML 文件中的 td 元素时，它应用于整个表格。

我编辑的那行看起来像这样

<td class="text" headers="description">...</td>

其他几行很简单

<td headers="name">...</td>

我需要做哪些不同的事情？

Answer 1

您似乎有拼写错误。文本对齐应设置为 center 而不是 centered。

此外，删除 .text td 的 td { text-align: left; 制作它

.text { text-align: left; }

你应该很好。