Question

我有一个样式问题，我想知道这是否可以使用纯css解决（HTML是给定的！）。这是HTML：

<div class="a">aaaaa</div>
<div class="b">.....</div>
<div class="a">bbbbb</div>
<div class="a">ccccc</div>
<div class="a">ddddd</div>
<div class="b">.....</div>

现在我需要一个border-bottom个元素，如果该元素后面没有类a的元素，那么它只有一个类a。这可能吗？

这是jsfiddle。

Answer 1

不幸的是，没有＆＃34;前兄弟＆＃34;选择器（我想在CSS4之前可能会有一些东西......）。

这是一个肮脏的肮脏的黑客，我并不为此感到骄傲，但它确实适用于你的例子：

.a {
    border-bottom: 1px solid #000;
}

.a + .a {
    border-top: 1px solid #FFF; /* set this to your background colour */
    margin-top: -1px; /* shift this element up 1px to hide the previous elements border */
}

WORKING DEMO

css3：根据元素的定位方式应用样式

1 个答案: