* + * is a clever css selector

* + *

Other wise known as the lobotomized owl selector. See alistapart.com for in depth explanation and more examples.

Example

Take:

<main class="cards">
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
</div>

and apply:

.cards * + * {
    margin-top: 1em;
}

Will only apply a margin-top to an element in .cards if it is adjasent to another. No more bloat.

Source

• alistapart.com