我有HTML像这样
<element1 class="class__1">
<element2 removePadding></element2>
<element3 class="class-3"></element3>
</element>
我只想在element2有removePadding属性的情况下修改class—3的边缘底部，我试过这样做
element1 element2[removePadding] element1 element3.class-3 {
margin-top: 20px;
}
但这不管用
我想要目标class-3 only when element2有removePadding属性
element1 element2[removePadding] element1—最后一个element1不应该在那里，CSS Select 器只能向下，不能向上.此外，element3不是element2的子，而是一个sibling ，所以你可以使用+(next-sibling) Select 器
div div[data-removePadding] + div.class-3 {
margin-top: 20px;
background: red;
}
div {
border: 1px solid #020202;
padding: 5px;
box-sizing: border-box;
}<div class="class__1">
<div data-removePadding=""></div>
<div class="class-3"></div>
</div>