Question

我正在尝试设置超链接的样式，但是Bootstrap 4“重新启动”会覆盖我的CSS并更改指向此链接的样式：

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

除了复制重新引导CSS，在本地对其进行修改和托管外，还有什么方法可以防止重新引导对链接进行样式设置？最后加载自定义CSS没关系，重新启动总是覆盖在其顶部。

Answer 1

看起来，您以错误的顺序加载 CSS。

将引导 CSS 置于您自己的 CSS 之上。

然后你可以在没有 !important 的情况下覆盖引导设置（这应该仍然是最后一个选项）。

Answer 2

尝试！重要的样式。

a {
        color: #007bff !important;
        text-decoration: none !important;
        background-color: transparent !important;
        -webkit-text-decoration-skip: objects !important; 
    }

Answer 3

在样式的末尾添加!important是简单的方法，但是会触发瀑布，您将需要在样式文件中添加更多的!important。这就是为什么您应该学习样式树结构的原因。我建议为您的body标签添加一个类名，并覆盖 reboot.css 或类似的

<body class="body-class-name">

然后进入优先级最高的css文件并放入

body.body-class-name .a{text-decoration: none}

祝您编程愉快！

防止引导程序重启对超链接进行样式设置

3 个答案: