为什么我的 Bootstrap 5 悬停类不起作用？答案

【问题标题】：Why is my Bootstrap 5 hover class not working?为什么我的 Bootstrap 5 悬停类不起作用？
【发布时间】：2021-10-06 09:40:24
【问题描述】：

我正在尝试将引导按钮更改为悬停，但它不起作用。

HTML: <button type="button" class=" btn btn-dark">Sign Up</button>

CSS： .btn-dark:hover { color: blue }

【问题讨论】：

【解决方案1】：

很可能是因为css 特殊性：

使用 .btn.btn-dark:hover { color: blue }（即在 css 选择器中组合该元素的所有类）覆盖该元素的常规规则。

【讨论】：

【解决方案2】：

您是否包含了您的自定义 CSS 文件之后您的引导 css 包含？这会有所不同，因为它将最后读取您的自定义标签并将其应用于引导样式。

【讨论】：