CSSスタイルを埋め込む？

Question

は、私はこのような何かをする方法がある場合にとして興味：

#sidemenu { 
    .unlocked { 
    color: blue; 
    } 

    .locked { 
    color: red; 
    } 
} 

代わりのようにそれを記述することの：あなたはネイティブのようにCSSを設定することはできません

#sidemenu .unlocked { 
    color: blue; 
} 

#sidemenu .locked { 
    color: red; 
} 

Answer 1

しかし、最初にLESSとSASSのようなCSSプリプロセッサを使って書くことができます。コードは通常のCSSにコンパイルされます。

Answer 2

バニラCSSからSASS/SCSSまたはLESSに切り替える。

ここでバニラCSSとSCSS間の小さな例です：

バニラCSS：

#sidemenu .unlocked { 
    color: blue; 
} 

#sidemenu .locked { 
    color:red; 
} 

SCSS：

#sidemenu 
    .unlocked { 
     color: blue; 
    } 

    .locked { 
     color:red; 
    } 
} 

---

スコットは、前述したように、 SASS/SCSS/LESSいったんレンダリングされると、Vanilla CSSに再コンパイルされます。