スタイルローダーを使用してコンポーネントレベルCSSで要素をスタイルする方法は？

Question

だから私の作成反応するアプリのために、私はそうのようなコンポーネントレベルのCSSを利用するために、スタイルローダーを使用しています：

:local(.form) { 
    max-width: 800px; 
    min-height: 400px; 
    margin: 0 auto; 
    background-color: white; 
    padding: 50px 35px; 
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.12); 
    border-radius: 50px; 
} 

しかし、私はこれをどのようにすることを行うのです：

nav { 
    line-height: 45px; 
    height: 45px; 
    background-color: white; 
} 

    /* The icon of our app */ 
    nav a .library-music { 
     line-height: 45px; 
     height: 45px; 
     color: orange; 
     font-size: 30px; 
    } 

問題が表示されますか？ローカル（NAV .LIBRARY-音楽）を言い換えれば、非クラス要素にローカライズされたCSSを適用するための正しい構文、またはアプローチするもので、事前に

おかげで、

Answer 1

nav a :local(.library-music) { 
    line-height: 45px; 
    height: 45px; 
    color: orange; 
    font-size: 30px; 
} 

を：私は」やることはできません。？ 。

あなたnavとaタグは、あなただけのクラス名に:local()修飾子を適用する必要があるので、