css - CSS ルールをネストすることは有効ですか?

Question

これは有効な CSS 構文ですか?

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

動作しますが、有効かどうかはわかりません。

Answer 1

そのような CSS ルールをネストすることはできません。ホバリングされた li 要素内の span 要素を選択する場合は、2 つの別個のルールを記述する必要があります。

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

ルールをネストできるlessを使用していない限り、通常の CSS にコンパイルされます。