CSS选择器＆和>用于AngularJS CSS

2015-02-11 84 views 0 likes

我有一个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

回答

相关问题