My html looks like this: 

```
<ul>
  <li class="myItemClass">item foo</li>
  <li class="myItemClass specialItemClass">item foo</li>
  <li class="myItemClass">item foo</li>
  <li class="myItemClass">item foo</li>
  <li class="myItemClass specialItemClass">item foo</li>
  <li class="myItemClass specialItemClass">item foo</li> <!-- problem here -->
  <li class="myItemClass">item foo</li>
  <li class="myItemClass">item foo</li>
</ul>

```

Now I want to define a css-style for an item that has the 'specialItemClass' and is located after an item that has the 'specialItemClass', too. How can I do that?

Further explanation: The 'specialItemClass' includes having a 2px coloured border. But if two special items are right beneath each other, the borders are doubled. So I don't want to add the special border at the top [or bottom] if there's another special item above [or below].