嵌套的CSS規則

Question

前段時間，我看到一個css文件的例子，其中css規則/選擇器以嵌套的方式指定，例如，這樣的事情：

div.a { 
    color: red; 
    div.b { 
    font-weight: bold; 
    } 
} 

我不知道我在哪裏看到（可能在一個SO問題），或者它是否完全如上所示。

我的問題：上面的CSS是正確的還是有效的？這是指定CSS規則的標準方式嗎？或者這是一種依賴於瀏覽器的黑客行爲？

Answer 1

你可以用SASS巢規則，http://sass-lang.com/

也許這就是它？

Answer 2

這不是有效的標準CSS，但它是一個使用Sass/SCSS或LESS嵌套類聲明的示例，我相信其他CSS擴展會將其擴展爲像這樣（這是有效的CSS），然後將其提供給要使用的瀏覽器：

div.a { 
    color: red; 
} 

div.a div.b { 
    /* Inherits color from div.a */ 
    font-weight: bold; 
} 

Answer 3

您可能指的是LESS。

該示例中，您提供的是無效的CSS，但對於LESS有效。 LESS將「編譯」嵌套的CSS並將其轉換爲有效的CSS。

Answer 4

似乎還有過在https://tabatkins.github.io/specs/css-nesting/

的建議，但我不能找到