簡體   English   中英

無法覆蓋引導程序的CSS

[英]Having trouble overriting bootstrap's css

我無法覆蓋引導程序的CSS代碼。 我已經在引導程序代碼后包含了自己的樣式表,但是它似乎沒有用。

我知道有一個軟覆蓋,就像簡單地擁有一個style.css:

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

引導程序可能具有更特定的CSS優先級,因此可能無法正常工作。 但是,由於引導程序中的簡單a {}配置,您可以在此圖片中看到鏈接文本為綠色,僅此而已。 這意味着我的應該具有優先權,因為它在引導CSS之后正確嗎? 我不確定在這里我做錯了什么。 我希望所有鏈接都為紅色。

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

您可以使用'!important'強制覆蓋。

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

嘗試!important !important強調應應用此特定的CSS,並覆蓋引導CSS。

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

希望它有幫助:)

為整個HTML代碼使用包裝器div

喜歡

<body>
<div class="wrapper">

<div class="content_area">

content goes here...

</div>

</div>

和包裝類的樣式,

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM