Как применить два !important к css?

Question

[Alex Alex]

body {
  -webkit-filter:brightness(0) !important;
  -webkit-filter:hue-rotate(0deg) !important;
  -webkit-filter:saturate(0) !important;
  -webkit-filter:grayscale(0) !important;
}

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

Comments

[Егор Живагин]

На всякий случай, !important - очень, очень плохая практика в css . Пожалуй, самая плохая.

Answer 1

[Алексей Уколов]

Поздравляю, вы не знаете CSS.

body {
  -webkit-filter: brightness(0) hue-rotate(0deg) saturate(0) grayscale(0);
}