【问题标题】:Can I prevent Bootsrap from overiding link colors in table?我可以防止 Bootstrap 覆盖表中的链接颜色吗?
【发布时间】:2020-12-25 05:27:46
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: bootstrap-4 colors


    【解决方案1】:

    首先请修正 bootstrap 的拼写错误 :) 您的标题和内容都有拼写错误。使用正确的词将帮助其他人更轻松地找到您的问题和正确答案。

    你的问题:

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

    解释:

    最后包含的 css 文件在 CSS 中具有最高优先级。看: Order of prioritization when using multiple contradictory css files

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

    【讨论】:

    • 感谢指正,经过长时间的 css 斗争,我在凌晨 2 点打字。
    • 但是关于你的回答 - 我知道如何使用 css。但我的问题明确指出 - 不使用 css。我可以访问源代码,但不能添加任何新文件(即 css)。我不想添加我的 css 的另一个原因 - 因为引导程序为不同的链接状态定义了不同的颜色,我不想全部复制它们,特别是如果某些颜色发生变化(比如不同的主题)。
    • “通过添加一些引导类,即不接触 css”是什么意思?你可以访问html吗?您可以在引导包含后的页面上打开<style>标签,然后覆盖类
    • 正如我在上面解释的@xgmexgme - 我不想添加我自己的颜色定义,我只希望表中的链接使用与普通链接相同的颜色。否则我将不得不复制每个链接状态的颜色,可能还有每个主题。
    猜你喜欢
    • 1970-01-01
    • 2020-04-29
    • 1970-01-01
    • 1970-01-01
    • 2013-05-06
    • 1970-01-01
    • 2022-01-07
    • 2014-01-28
    • 1970-01-01
    相关资源
    最近更新 更多