Менять составляющий угловой стиль - cli

Как я могу менять стиль в компонент, используя угловой материал, я делаю изменение в директивный орган прямо, но он это не берет...?

home.component.html

<md-card>
 <app-home></app-home>
</md-card>

home.component.css

md-card {
  max-width: 60px;
  margin: 0 auto;
}
2
задан 18.04.2017, 23:18
0 ответов

Когда Угловой 2 составляет стили внутри компонента, с которым связан также вид, со всеми стилями, они добавляется суффикс, связанный с компонентом, и поскольку внутри твоего вида ты используешь внешний компонент (из материального пакета) составитель это берет как будто у него не было связи и не помещает ему те же префиксы.

Если ты используешь Угловой CLI, лучшее, что ты можешь делать, состоит в том, чтобы помещать стиль, который ты хочешь изменить md-card в файл styles.css, что он находится в той же папке что main.ts, и если ты хочешь, чтобы он только изменил этот, ты можешь помещать ему класс внутри твоего вида.

home.component.html

<md-card class="custom-md-card">
 <app-home></app-home>
</md-card>

styles.css

md-card.custom-md-card {
  max-width: 60px;
  margin: 0 auto;
}
3
ответ дан 03.12.2019, 17:54

Теги

Похожие вопросы