Jak zrobić, żeby dla div'ów z różną klasą divy pojawiały się w zależności od godziny, tzn:

1) div z class="test" dla godziny 8:00 (między godz 5:00 a 11:00)
2) div z class="lorem" dla godziny 14:00 (między godz 11:00 a 17:00)
3) div z class="ipsum" dla godziny 20:00 (między godz 17:00 a 23:00)
4) div z class="est" dla godziny 2:00 (między godz 23:00 a 5:00)

<div class="test">
<p>costam 1</p>
<time>8:00</time>
</div>
<div class="lorem">
<p>costam 2</p>
<time>14:00</time></div>
<div class="ipsum">
<p>costam 3</p>
<time>20:00</time>
</div>
<div class="est">
<p>costam 4</p>
<time>2:00</time>
</div>

Możesz tak: http://jsfiddle.net/j5adx2ac/
Ale jeszcze jest słabe wsparcie dla selectora :in-range.

ciekawe... i bez jquery...? :-)
thx:-)

Linux + FF ESR v38.2 - niestety nie działa :|

Rozumiem, napisałem tylko w celu, by dać autorowi wątku informację, że na tej wersji nie działa.