嵌套CSS规则是否有效？

Question

这是有效的CSS语法吗？

li:hover{ 
    css rules ... 
    span { 
    css rules ... 
    } 
} 

它的工作原理，但我不知道它是否有效。

Answer 1

你不能像这样嵌套CSS规则。如果您想选择悬停li元素内部span元素，你需要写两个不同的规则：

li:hover{ 
    /* CSS */ 
} 
li:hover span{ 
    /* CSS */ 
} 

除非你使用less，而您可以嵌套的规则，这将汇编成定期CSS。