嵌套CSS規則是否有效？

Question

這是有效的CSS語法嗎？

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

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

Answer 1

你不能像這樣嵌套CSS規則。如果您想選擇懸停li元素內部span元素，你需要寫兩個不同的規則：

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

除非你使用less，而您可以嵌套的規則，這將彙編成定期CSS。