Переопределить свойство * CSS на странице scss
Я учусь ионному. В моем приложении я хочу сделать шрифт кнопки ссылки равным 12 пикселей, однако он заменяется другим CSS. В моем файле scss есть следующий css для кнопки ссылки:
.link_button {
color: $myColor;
font-size: 12px;
text-decoration: underline;
bottom:10px;
}
Как я могу сделать так, чтобы вышеупомянутый scss принудительно накладывался поверх других?
Так выглядит текст:
CSS, который подразумевается на самом деле (получен из инструмента Chrome):
После предложения от людей здесь я изменил свой файл scss как с идентификатором, так и с важным, это не сработало.
При использовании important: (И то же самое происходит, даже если я делаю через Id)
Этого не может быть. Вам чего-то не хватает. Специфичность * меньше Специфичности className.
Ответы 3
Вы можете добавить идентификатор к кнопке ссылки и указать стиль с помощью идентификатора. Это потому, что ID имеет приоритет над стилями класса.
#linkButton
{
Font-size:12px;
}
Или вы можете использовать! Important, который перезапишет все остальные стили CSS. Но будьте осторожны, когда используете его
.linkButton
{
Font-size:12px !important;
}
Пробовал и то, и другое не работает. Прикрепляю скриншот, нет возможности загрузить картинку в комментарии.
Я добавил скриншот в свой вопрос.
Похоже, что Ion-button переопределяет размер шрифта, если я удалю атрибут ion-button, он работает должным образом.
попробуйте удалить страницу забыли пароль и просто пройти курс
Лучше не использовать! Important, а повысить специфичность. https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
Это была ionic-button, которая добавляла класс внутренней кнопки и имела размер шрифта по умолчанию. Подробнее здесь:
Разместите соответствующий html