Question

我上了新课，我刚刚开始，所以我不太了解。关于这段代码中的一段代码，我真的不知道这意味着什么？

   table.postForm > tbody input[type="text"], 
input[type="password"], 
table.postForm > tbody textarea {
        color: #888 !important;
        background-color: #333 !important;
        border-color: #303030 !important;
}

td.replyhl{
    color: #555 !important;
    background-color: #333 !important;
    border-color: #303030 !important;
}

.reply, 
hr{
    border-color: #303030 !important;
}

.reply{
    color: #555 !important;
    background-color: #303030 !important;
}

.replytitle, 
.filetitle{
    color: #8B3A3A !important;
}

我不明白的是这些课程由昏迷做什么？

table.postForm > tbody input[type="text"], 
input[type="password"], 
table.postForm > tbody textarea {
        color: #888 !important;
        background-color: #333 !important;
        border-color: #303030 !important;
}

和这部分

.replytitle, 
.filetitle{
    color: #8B3A3A !important;
}

Answer 1

逗号只是将一堆选择器组合在一起，前面的样式将应用于所有这些选择器。

所以.foo，.bar，.baz {loadsa styles}表示使用foo，bar或baz类将loadsa样式应用于所有内容。

请注意，你说“所有这些类都由昏迷组合在一起”，但它们不仅仅是类，它们是选择器，所以“.foo”是一个选择器，意味着任何类“foo”，但是“＃ foo“表示ID为”foo“的元素和”table.postForm＆gt; tbody输入[type =“text”]“有点毛茸茸，但我想我或多或少读了”有一个输入元素type属性设置为text，它是tbody的子项，是一个具有postForm类的表的直接子项。

但是要回答你的问题，逗号只是表示“所有这些逗号分隔的东西都应用了这些样式”。

Answer 2

专门回答你的问题

table.postForm > tbody input[type="text"], 
input[type="password"], 
table.postForm > tbody textarea {
        color: #888 !important;
        background-color: #333 !important;
        border-color: #303030 !important;
}

将样式应用于：

一个。所有tbody标签中的text类型的所有输入标签，它们是postForm类的所有表的子节点

湾所有类型为密码的输入标签

℃。所有tbody标签中的所有文本区域都是postForm类的所有表的子级。

另一方面，

.replytitle, 
.filetitle{
    color: #8B3A3A !important;
}

将样式应用于类replytitle或filetitle的所有元素。

更广泛的解释，

一个。＆GT;意味着＆＃34;

的孩子

湾[]允许您指定属性

℃。您可以通过用逗号分隔它们，将相同的样式应用于不同的选择器。

Answer 3

以下是类与id的简要分类。

https://css-tricks.com/the-difference-between-id-and-class/

至于“＆gt;”如果这个班级的孩子有＆gt;跟随选择器。仅选择以下内容并使用此特定子项执行此样式，如下所示。

.class that also has child with following > input {
style: this
}

CSS - 有人可以解释这些其他类是什么吗？

3 个答案: