CSS選擇器＆和>用於AngularJS CSS

Question

我有一個css文件。在我的Rails項目我可以這樣的事情在我的CSS文件

.ls-brighter { 
     font-weight:bold; 
     font-size:12px; 
     background-color: #FF6600; 
     padding: 1%; 
     font-style:italic; 
     & > span { 
     color:red; 
     font-size:1.6rem; 
     } 
    } 

，但如果我在AngularJS css文件試試吧，它總是返回一個詞法錯誤。

在AngularJS中如何使用CSS選擇器？

Answer 1

.ls-brighter { 
    font-weight:bold; 
    font-size:12px; 
    background-color: #FF6600; 
    padding: 1%; 
    font-style:italic; 
    & > span { 
    color:red; 
    font-size:1.6rem; 
    } 
} 

這不是CSS，這是Sass。 &並且在CSS中不使用嵌套。

試試這個CSS版本：

.ls-brighter { 
    font-weight:bold; 
    font-size:12px; 
    background-color: #FF6600; 
    padding: 1%; 
    font-style:italic; 

} 
.ls-brighter > span { 
    color:red; 
    font-size:1.6rem; 
    }