Ændre style på tidligere div

Hejsa

Jeg sidder og sætter et design op i html/css, hvor jeg har 10 divs der gentages i streg:

<div style="border-bottom:#000 1px solid;"></div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>
<div style="border-bottom:#000 1px solid">Hejsa hejsaa</div>

Ideen er at når det bliver skrevet står der:

----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------
Hejsa hejsaa
----------

Og det er sådan set let nok, det tricky opstår i at jeg gerne vil have border top og bund på en box skifter til en bestemt farve og det er jo svært fordi det kun er border bottom der er defineret i hver boks, så derfor skal man (sandsynligvis via javascript) sætte en hover på den tidligere div også, jeg kunne bare godt tænke mig at vide helt præcist hvordan :)