填充重寫後填充

有關我的樣式表的簡短問題。我總是被教導CSS會覆蓋最重要的。因此，1號線的東西可以通過在線10我試圖以增加其在部分填充的東西所覆蓋，但不觸及其他樣式：填充重寫後填充

這是642線

&:first-of-type > div { 
     padding-top: 10px; 
     img { 
      margin-bottom: 20px; 
     } 
}

這是722線

.apiPT { 
    padding-top: 32px; 
}

我甚至不想提，我不相信我的HTML應該從642拿起風格，但它和它的被它覆蓋。我真的很想避免使用!important，因爲這顯然不太好。但真的不知道爲什麼我有這個問題...

<div class="col-md-7 col-md-offset-5 apiPT"> 
       <ul class="pipe"> 
        <li><a href="api-reference/v3">API references</a></li> 
       </ul> 
</div>

來源

2017-05-30 John Barr

'：first-of-type> div'具有比'.apiPT'更高的特異性https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity，具體取決於您的標記的其餘部分，你可以將'.apiPT'改成'：first-of-type .apiPT'，但是有很多方法可以解決這個問題，你應該如何修復它取決於你的標記和css的其餘部分是如何構造的 –

嘗試給出編號爲特定的元素，然後設置其屬性 – komal

檢查我的答案在這個問題的特異性.... https://stackoverflow.com/questions/43542922/how-to-avoid-bootstrap-css-overriding-the-自定義css/43544654＃43544654 – sn3ll

你可以一個ID標籤，如果它是有

<a href="api-reference/v3" id="example" >API references</a>

的唯一聯繫這將覆蓋它

分配給鏈接

來源

2017-05-30 19:31:06

在多個頁面上有太多的實例，所以不會使用ID - 謝謝 –

答案是一樣@ sn3ll說：

.class1 .class2 .apiPT { 
    ... 
}

給它更高的優先級 - 感謝您的幫助！

來源

2017-05-30 20:03:17

填充重寫後填充

回答

相關問題