难以克服bootstrap的css

时间:2016-02-01 22:55:00

标签: css twitter-bootstrap-3

我无法覆盖bootstrap的css代码。 我已经将自己的样式表包含在AFTER bootstrap的代码中,但它似乎并没有起作用。

我知道一个软覆盖,比如简单地使用style.css读取:

a {
    color: #c54bb7; (it's a sort of red)
    text-decoration: none;
}

可能不会起作用,因为bootstrap有更具体的css优先于那个。但是,您可以在此图片中看到链接文本为绿色,因为bootstrap中的简单a {}配置就是这样。这意味着我的应该具有优先级,因为它是在bootstrap css之后,对吗?我不确定我在这里做错了什么。我希望所有链接都是红色的。

https://i.gyazo.com/bf06b0a3990927ed019bf65873a84d42.png

3 个答案:

答案 0 :(得分:0)

您可以使用'!important'强制覆盖。

Select A.Code
From A
Where exists (Select 1 
              from B 
              where b.paramter = value ... 
                AND A.Code = B.A_CODE)

答案 1 :(得分:0)

试试!important!important强调应该应用这个特定的css并覆盖bootstrap css。

a {
    color: #c54bb7; !important
    text-decoration: none;
}

希望它有所帮助:)

答案 2 :(得分:0)

为整个HTML代码使用包装div

喜欢

<body>
<div class="wrapper">

<div class="content_area">

content goes here...

</div>

</div>

和使用包装类的样式

.wrapper a{
 color: #c54bb7;
    text-decoration: none;
}