3

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

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

2 回答 2

4

简单选择器之间的空间是CSS中的后代组合符。如果它是两个用空格分隔的普通选择器，则表示“与第二个选择器匹配的元素，放置在与第一个选择器匹配的元素内的任何位置”。由于第二个选择器是一个伪元素，所以整个选择器等价于，可能会在带有 class 的元素内的任何元素中.label-hi *:before插入一些东西。label-hi

于 2013-09-04T22:14:29.020 回答
2

所以我意识到对于这个特定的选择器，我在类名和类名之间不能有任何空格，:这意味着删除我的 CSS 类的空白：

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

在常规课程中，空间没有任何区别。

示例：http: //jsfiddle.net/GtTcn/

于 2013-09-04T22:02:15.117 回答