链接字体大小不变

【问题标题】：Link font size does not change链接字体大小不变
【发布时间】：2021-08-08 13:44:53
【问题描述】：

.big-font {
    font-size: xx-large;
}

<link href="~/css/websitecss.css" rel="stylesheet" />
...
<a class="btn btn-secondary flex-fill big-font">@item</a>

无论我选择什么，字体大小始终相同（相对较小）。我想引导程序可能会覆盖它。

【问题讨论】：

@wazz 问题解决了。
抱歉将我的评论移至答案。

标签： html css asp.net

【解决方案1】：

使用!important 始终不是一个好习惯。相反，您可以链接类或遵循 CSS 优先规则。

下面给出的链接示例。

.btn.big-font {
    font-size: 10px;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">

<a class="btn btn-secondary flex-fill big-font">@item</a>

【讨论】：

【解决方案2】：

是的，它可能是 Bootstrap。如果与 Bootstrap 类一起使用，请始终将 !important 添加到您的 CSS 中。

【讨论】：