2016-02-01 86 views
0

我無法覆蓋引導程序的css代碼。 我已經在bootstrap的代碼中加入了自己的樣式表,但它似乎沒有工作。無法覆蓋引導程序的css

我知道,像只是有style.css中讀取軟控:

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

可能會無法正常工作,引導有超過一個的優先級更具體的CSS。但是,您可以在此圖中看到鏈接文本是綠色的,因爲bootstrap中的配置很簡單,就是這樣。這意味着我應該優先考慮,因爲它是在引導CSS後,是正確的?我不確定我在這裏做錯了什麼。我希望所有鏈接都是紅色的。

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

+0

把你的css放在bootstrap css和東西w的下面生病好吧 –

回答

0

您可以使用 '!重要的' 給力壓倒一切。

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

謝謝大家<3它工作 –

0

嘗試!important!important強調這個特定的CSS應該被應用並且覆蓋引導CSS。

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

希望它能幫助:)

+0

它做到了!謝謝! –

+0

如果你喜歡我的回答,你會介意給我一個upvote,它可以幫助我:) – Evochrome

0

使用的包裝DIV爲您的整個HTML代碼

<body> 
<div class="wrapper"> 

<div class="content_area"> 

content goes here... 

</div> 

</div> 

,並使用包裝類風格,

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