Блог

Я создаю веб-сайт, где цвета будут чередоваться между белым и черным, но я не могу поместить цвет фона на компоненты отдельно, только на глобальный CSS. как это решить?

Это должно быть возможно различными способами. Один из них состоит в том, чтобы настроить целевой элемент хоста в файле стилей каждого компонента:

 :host {  background-color: black; }  

Чтобы сделать это динамичным, вы могли бы сделать что-то умное с привязкой или с помощью глобальной таблицы стилей, как вы уже упоминали.

Есть разные способы сделать это, но я думаю, что это самый простой из них.

Вы можете просто сделать два дива

HTML:

 lt;div class="black"gt; lt;/divgt;  

И

 lt;div class="white"gt; lt;/divgt;  

Затем вы редактируете оба класса в CSS

Вы можете просто сделать что-то вроде этого:

 .black {  background-color: black; }  .white {  background-color: white; }  

Всегда лучше использовать файл Css вместо встроенного кодирования, потому что его легко обнаружить и изменить daata

 HTMl  lt;divgt;  lt;div class="col-md-12 col-sm-12 lbl_div "gt;   lt;label class="title textclr"gt;  E-MAIL  lt;/labelgt;   lt;/divgt;  lt;div class="col-md-12 col-sm-12 "gt;   lt;input type="email" id= "email" name="email" class="txtdiv form- control" [(ngModel)]="email" required emailgt;  lt;/divgt;  lt;/divgt;    CSS    .txtdiv {  margin-top: 1em;  margin-left: 7em;  width: 60%;  height: 2em;  border-radius: 1em;  border-color: fuchsia;  box-shadow: 1px 2px 12px 0px #fff;  background-color: black  }