Question

关于我的样式表的快速提问。我总是被告知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>

Answer 1

如果链接是唯一的链接

，您可以为链接指定一个id标记

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

那会覆盖它

Answer 2

答案正如@ sn3ll所说：

.class1 .class2 .apiPT {
  ...
}

给予它更高的优先级 - 感谢您的帮助！

填充覆盖后来的填充

2 个答案: