Как удалить стиль тела Boostrap по умолчанию в компоненте. html

Question

У меня есть директива angular с моим собственным css. когда я добавляю свой виджет в другой компонент приложения, он переопределяется с Bootstrap css / styles по умолчанию.

Вот мой бустрап css

My Вопрос в том, как я могу удалить font-family в моем compoent . css Я пытаюсь переопределить, но это не работает?

    body {

line-height: 1.15; 
}

Я также пробовал с! Важный следующим образом, но все еще применяя bootstrap стилей

body {
  font-family: "Open Sans", sans-serif !important;
}

Answer 1

Введите ваш CSS после bootstrap CSS. Если это не работает, пользователь! Важно переписать стили, которые вы хотите.

пример:

body {
   font-family:none!important;
   line-height: 1.15!important;
}