Переопределить * CSS свойство на странице scss

Question

Я учу ионные. В моем приложении я хочу сделать шрифт LinkButton до 12 пикселей, однако он переопределяется другим CSS. В моем файле scss есть следующая css для кнопки ссылки:

  .link_button {
  color: $myColor;
  font-size: 12px;
  text-decoration: underline;
  bottom:10px;
  }

Как я могу сделать так, чтобы выше scss насильно навязывался поверх других?

Вот как выглядит текст:

CSS, который подразумевается в фактическом (получен из инструмента Chrome):

После предложения от людей здесь я изменил свой файл scss с Id и Важно, что он не работал. При использовании важно: (И то же самое происходит, даже если я делаю через Id)

Answer 1

Лучше не использовать! Важно, а повысить специфичность.https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

Answer 2

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

Код CSS не применяется к кнопке в ионном режиме 2

Answer 3

Вы можете добавить идентификатор к кнопке ссылки и указать стиль, используя идентификатор.Это потому, что ID имеет приоритет над стилями класса

#linkButton { Font-size:12px; } Или вы можете использовать! Важный, который перезаписывает все другие стили CSS.Но будьте осторожны при использовании .linkButton { Font-size:12px !important; }