ionic3自定义样式与scss

Question

app.scss

.background {
    background-color: blue !important;
}

上面的代码在我的离子项目中不起作用，但是如果我将其更改为以下格式，它将起作用。

[background] {
    background-color: blue !important;
}

在我看来，“。”表示样式类。我可以像下面这样使用它

<ion-content background></ion-content>

“ []”是什么意思？

我的项目有什么问题吗？

任何相关文件均不胜感激。谢谢你。

Answer 1

尝试一下：

 <ion-content class="background"></ion-content>

CSS：

.background {
    background-color: blue !important;
  }

Answer 2

css中的括号[]表示您访问background的属性是正确的，因为它指向任何具有background属性的HTML标记元素。如果要使用点.，则需要添加元素class="classname"的类。