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 文件中尝试它，它总是 returns 一个词法错误。

CSS 如何在 AngularJS 中使用选择器？

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