css - 什么时候留空间，什么时候不在 CSS 中？

Question

没关系(没有空格):

li.highlight{
    background:#FF9900 none repeat scroll 0 0;
}

这行不通(带空格):

li .highlight{
    background:#FF9900 none repeat scroll 0 0;
}

为什么？

Answer 1

后一个选择器将不起作用，因为空格暗示了选择器之间的关系(在本例中为后代)。

li.highlight /* defines an element of 'li' with a classname of 'highlight' */

li .highlight /* defines an element of class 'highlight' that's contained within an li element */

li > .highlight /* as pointed out by Neil (in comments), this would select an element of class highlight that is an immediate child/descendant of an li */

我应该解释一下我对“行不通”这个词的使用。显然我使用了您的措辞，但我这样做是错误的。

它会起作用，只是它会选择(如评论中所述)您的标记中没有的元素。