css - 嵌套CSS规则是否有效？

Question

这是有效的 CSS 语法吗？

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

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

Answer 1

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

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

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