CSS選擇器＆和>用於AngularJS CSS

我有一個css文件。在我的Rails項目我可以這樣的事情在我的CSS文件CSS選擇器＆和>用於AngularJS 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選擇器？

來源

2015-02-11 Kingsley Simon

你是什麼意思「AngularJS CSS文件」是什麼意思？ – enguerranws 2015-02-11 08:43:32

你的意思是'ngStyle'？ – jurgemaister 2015-02-11 08:45:27

線索在你問題的標籤中。據推測，Angular風格僅限於香草CSS。 – BoltClock 2015-02-11 10:18:04

.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; 
    }

來源

2015-02-11 11:26:41 enguerranws

thunks enguerranws不知道這一點。 – 2015-02-12 03:23:06

也許你應該在使用預處理器之前學習標準的CSS？它可以在很多情況下提供幫助。 – enguerranws 2015-02-12 08:53:01

yah thnks @enguerranws。我設法通過將sass集成到我的grunt文件中來完成整理，但是css效果沒有顯示任何更改。這裏是plunkr文件。你能幫我嗎？ http://plnkr.co/edit/x1Ai9ynZuZclP11VEV0m – 2015-02-12 13:43:44

CSS選擇器＆和>用於AngularJS CSS

回答

相關問題