何时离开空间,什么时候不在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 */

我应该解释一下我对"不会起作用"这句话的用法.显然,我使用了你的措辞,我错误地这样做了.

它会起作用,只是它会选择 - 在注释中解释 - 这是你在标记中没有的元素.