css - 当一个 后面跟着另一个 时，我该如何设置它的样式？

Question

我使用部分来确定页面的不同部分。这些部分的底部边距为 90px，但是当在页面中创建/放置 ID 为“clients-full”的部分时，我希望出现在它之前/上方的任何部分的底部边距为 0。我可以做吗这使用 CSS 选择器/伪选择器？

目前，这段代码为 ID 为“clients-full”的部分设置了样式，但它是否可以反转，以便我可以将 0 的底部边距应用到它之前的部分？

 section + section#clients-full {
    margin-top: -90px; // Negative margin to get around this problem...not ideal.
 }

Answer 1

在当前定义和实现的 CSS 中，选择器的使用方式不能根据元素后面的内容来选择元素，而只能根据元素之前的内容来选择。好吧，选择器 linke :nth-last-child(...) 在某种意义上是一个异常(exception)，但在这种情况下它们无济于事。

因此，更好的方法是通过在它们上设置 top 边距来分隔各个部分，如果需要，将第一部分作为特殊情况处理(没有顶部边距)，也许最后一个部分部分，使用 :last-ot-type (如果需要，在其上设置底部边距)。然后你就可以轻松处理所描述的情况，只需使用 #clients-full { margin-top: 0; 。