스타일 로더를 사용하여 컴포넌트 레벨 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; 
    } 

문제가 보이니? 나는 "할 수 없습니다.? (A .library 음악을 NAV) 지역은 즉, 비 클래스 요소에 국한 CSS를 적용하는 올바른 구문, 또는 접근 무엇

사전에 감사,

Answer 1

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

당신의 nav 및 a 태그는 CSS를 컴파일러에 의해 영향을받지 않습니다, 그래서 당신은 클래스 이름에 :local() 수정을 적용해야