Tengo el siguiente marcado:

<div class="a"></div>
<div class="b"></div> <!-- :first -->
<div class="b"></div>
<div class="b"></div> <!-- :last -->
<div class="c"></div>

Estoy tratando de apuntar alprimero yúltimo <div> con claseb. Si estuviera usando los selectores de jQuery para esto,.b:first y.b:last Haría el truco.

Sin embargo, con CSS, eso es complicado: la primera<div class="b"> se encuentra después de otro<div> con una clase diferente, y ambos: first-child y: first-of-type coinciden con el primero<div>con clasea.

¿Hay un selector que apunte al primero de los elementos que coinciden con la clase?