Markup:

```
<li class="divider"></li>
<li class="active"><a href="#">Home</a>
<li class="divider"></li>
<li><a href="#">Blog</a></li>

```

How do I add a style the first `.divider` only if `.active` is the next sibling?

I was thinking of `.divider + .active` but that would apply styles to `.active`.

```
.divider {
  border-left: 1px solid #d0d0d0;
}
.active {
  background: #fff;
}
// when the next sibling is .active, border-color: transparent;

```