Problem ze strukturą HTML

Question

Witam mam problem...

taki problem...
mamy taki html:

```
<div class="buttons>
   <button>A</button>
   <button>B</button>
   <button>C</button>
</div>
<h1>TEST</h1>
```

I teraz chcę ostylować *h1* przy dowolnym *button:hover*.

Proszę o selektor, jak miałby wyglądać skoro H1 byłaby teraz bratem według mnie nie da się... 

Comments

Takie coś można zrobić wtedy, gdy elementy mają wspólnego rodzica.

Answer 1

.button:hover ~ .title {
    color: white;
}

JSfiddle

Comments

Fajne, tylko w ten sposób przypisujesz hover do diva a nie do poszczególnych buttonów.
Co innego tutaj napisałeś, a co innego jest na JSfiddle !?