CSS样式规则声明

Question

我不记得我在哪里看到它或它声称是哪种语言变体，但我看到一个样式规则在另一个声明中有声明。这是像下面的东西。

nav ul { 
    list-style-type: none; 
    li { 
     color: #fff; 
    } 
} 

我敢肯定，它看起来类似的东西，如果我猜中这将是相同的：

nav ul { 
    list-style-type: none; 
} 
nav ul > li { 
    color: #fff; 
} 

谁能告诉我这是什么CSS的变化，所以我可以了解更多，因为它似乎更简单。

Answer 1

这是大多数CSS预处理器现在..它叫做nested rules。

lesscss.org

SASS css

从lesscss网站的例子：

少给你使用嵌套来代替，或者与级联组合的能力。比方说，我们有以下的CSS：

#header { 
    color: black; 
} 
#header .navigation { 
    font-size: 12px; 
} 
#header .logo { 
    width: 300px; 
} 

在更短的，我们也可以把它写这种方式：

#header { 
    color: black; 
    .navigation { 
    font-size: 12px; 
    } 
    .logo { 
    width: 300px; 
    } 
}