嵌套CSS规则是否有效？

Question

这是有效的CSS语法吗？

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

它有效，但我不确定它是否有效。

Answer 1

你不能像这样嵌套CSS规则。如果要在悬停的li元素中选择span元素，则需要编写两个单独的规则：

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

除非您使用less来嵌套规则，否则它将编译为常规CSS。