Fatal编程技术网
  • html/
  • Html 在<；td>；元素样式

Html 在<；td>；元素样式

html css

Html 在<；td>；元素样式,html,css,Html,Css,这可能是一个非常基本的问题，但我无法用标准方法解决它。我有一个表，在其中我试图为一列做不同的样式。我认为最简单的方法是在该列中使用class=“class”属性，然后对其应用样式，但它不起作用 这是我的表的exmaple（表中充满了JSON对象，但现在不重要了）： 这是可行的，但当我尝试这样设计最后一个专栏时，它没有任何作用： table.pretty tbody td .message { text-align: left; } 我做错了什么？谢谢你的提示 您只需要： table.p

这可能是一个非常基本的问题，但我无法用标准方法解决它。我有一个表，在其中我试图为一列做不同的样式。我认为最简单的方法是在该列中使用class=“class”属性，然后对其应用样式，但它不起作用

这是我的表的exmaple（表中充满了JSON对象，但现在不重要了）：

这是可行的，但当我尝试这样设计最后一个专栏时，它没有任何作用：

table.pretty tbody td .message {
    text-align: left;
}
我做错了什么？谢谢你的提示

您只需要：

table.pretty tbody .message {
    text-align: left;
}
（跳过
td
）

这是因为
.message
基本上意味着“类
message
的任何元素”

另一方面，
td.message
表示“在任何
td
元素中包含类
message
的任何元素。

td和message之间有空格

更换

table.pretty tbody td .message {
与

table.pretty tbody td.message {

td.message
此css选择器表示您正在选择.message哪个父项是td。
而
td.message
意味着
td
拥有
message
课程。

您尝试过以下方法吗

table.pretty tbody td.message {
    text-align: left;
}
我相信td.message试图找到td元素的子元素，该元素的类为“message”

示例：

工作起来很有魅力！谢谢（还有ty的解释）
td.message
是
，而
td.message
是
-空格表示它开始用
查找
节点的
子节点

table.pretty tbody td.message {



table.pretty tbody td.message {
    text-align: left;
}