嵌套選擇器 - 可能嗎？

Question

假設我有一個內部有一堆東西一div：

<div id="Product"> 
<ul id="List"></ul> 
<div class="Component"></div> 
<input type=... /> 
... 
</div> 

現在，我想種類繁多的事情，但只有#Productdiv的內部時。一般來說，我會這樣做：

#Product #List {} 
#Product .Component {} 
#Product input {} 

但是，我可以這樣做嗎？

#Product { 
    #List {} 
    .Component {} 
    input {} 
} 

Answer 1

嵌套CSS選擇器是不可能與標準的CSS，但也有其他工具，如SASS，LESS和XCSS允許你寫在你所描述的方式的規則。

這些工具通常「編譯」爲真正的CSS，它處理將嵌套的選擇器語法轉換爲真正的CSS規則。

Answer 2

是的，但不是常規的CSS。你可以使用Sass！ http://sass-lang.com/

Answer 3

不，你不能在CSS中嵌套規則。有CSS預處理器可用，允許像嵌套，變量等酷功能。

檢查出LESS。