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