Html 选择器前的CSS空间

我很难理解为什么我的HTML元素没有选择这个简单的CSS类选择器

.label-hi :before {
    color:green;
    content: "Hi ! ";
}

---

因此，我意识到，对于这个特定的选择器，我的类名称和

：

之间不能有任何空格，这意味着删除我的CSS类中的空格：

.label-hi:before {
    color:green;
    content: "Hi ! ";
}

在常规类中，空间没有任何区别

---

此处示例：

在CSS中，简单选择器之间的空格是一个空格。如果是两个用空格分隔的普通选择器，则表示“与第二个选择器匹配的元素，放置在与第一个选择器匹配的元素内的任何位置”。因为第二个选择器是一个伪元素，所以整个选择器相当于

.label hi*：在

之前，可以使用class

label hi
将某些内容插入元素内部的任何元素中。在CSS中，空间始终很重要，因为它定义了祖先-后代关系。如果你，或者到
标签
你会看到这个。是的，没有悬停。但“后代组合器”的观点仍然适用。使用空格，我们选择
.label hi
的子项，并将内容放在其前面。好极了我的原始评论被删除（这将是暂时的）。