Mamy 3 mniejsze Divy u większego w kieszeni: każden jeden o dumnych i zangielszczonych nazwach, jak poniżej...
<div class="bigOne">
<div class="smallOne" id="theFirst"></div>
<div class="smallOne" id="theSecond"></div>
<div class="smallOne" id="theThird"></div>
</div>
Kiedy zrobię theFirst:hover - niech się zmienia border u theSecond && theThird.
Póki co mi działa, tylko na jeden
.bigOne {
smallOne {
border: none;
}
}
.bigOne#theFirst:hover {
border: 1px solid green;
& + #theSecond, + #theThird {
border: 1px solid black;
}
}
}
Działa na jeden - albo pierwszy albo drugi w zależności od zapisu i kombinacji "," oraz "&" - ale nigdy na dwa.