css - AngularJS CSS中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;
  }