Пользовательский стиль ionic3 со scss

Question

app.scss

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

Приведенный выше код не работает в моем ионном проекте, но если я изменю его на следующие форматы, он будет работать.

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

На мой взгляд, "." означает класс стиля. И я могу использовать его следующим образом

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

Что означает «[]»?

Что-то не так в моем проекте?

Любые связанные документы приветствуются. Спасибо заранее.

Answer 1

Скобки [] в css означают, что вы обращаетесь к атрибуту background, так как он указывает на любой элемент HTML-тега, который имеет атрибут background.Если вы хотите использовать точку ., вам нужно добавить класс элемент class="classname".

Answer 2

Попробуйте это:

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

CSS:

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