不同的填充，如果下一个div与之前的类相同

Question

我想为具有相同类别的兄弟姐妹提供较低的边距 - 底部，:last-child

除外

<style>
    .text {
        margin-bottom: 20px;
    }
</style>
<div class="text"></div>
<div class="text"></div>
<div class="text myText"></div> <!-- margin-bottom this 5px; -->
<div class="text myText"></div> <!-- margin-bottom this 5px; -->
<div class="text myText"></div> <!-- margin-bottom this 20px; -->
<div class="text"></div>
<div class="text myText"></div> <!-- margin-bottom this 20px; -->
<div class="text"></div>

Answer 1

由于CSS没有上一个或父选择器，您可以通过这种方式使用<li><a href="<?php echo $my_module; ?>"><i class="fa fa-clock-o fw"></i><span><?php echo $text_my_module ?></span></a></li> ：

margin-top

.myText + .myText {margin-top: 5px;}
.text:not(.myText) + .myText,
.myText + .text:not(.myText) {margin-top: 20px;}

div {border: 1px solid #99f;}

.text:not(.myText) + .myText:last-of-type,
.text:not(.myText) + .myText:last-of-type {margin: 0;}

这是我能找到的最接近的人。看起来你的逻辑也不一致。