入れ子のセレクタ - 可能ですか？

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。