填充重写后填充

有关我的样式表的简短问题。我总是被教导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

填充重写后填充

回答

相关问题