首页 > 解决方案 > 我可以防止 Bootsrap 覆盖表格中的链接颜色吗?

问题描述

我想知道为什么 Bootstrap 会覆盖表格中的链接颜色?IE

table.table a {
    margin: 0;
    color: #212529;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #007bff;
    transition: all 0.2s ease-in-out;
}

是否可以通过添加一些引导类来防止这种行为,即不接触 css?

标签: bootstrap-4colors

解决方案


首先,请修正引导程序的拼写错误:) 你的标题和内容都有拼写错误。使用正确的词将帮助其他人更容易找到您的问题和正确答案。

对于你的问题:

TLDR:首先包含引导 css,然后在您自己的 css 文件中覆盖不需要的规范。

解释:

最后包含的 css 文件在 CSS 中具有最高优先级。请参阅: 使用多个相互矛盾的 css 文件时的优先顺序

这意味着,如果有多个文件匹配相同的特异性(相同的类型、类、id 等),则包含的最后一个文件将控制更改。通常,您希望首先包含诸如 bootstrap 之类的库文件;然后,您需要包含自己的 css 文件(通常是 style.css 或 main.css)。在您的文件中,您可以从引导程序中覆盖您不喜欢的任何内容。


推荐阅读