change css rule by input range

change css rule by input range

Can I change elem's css rule by input range without js? Like this:
<input type="range" min="0" max="100">
<span>Some text</span>
input[vlaue="0"]+span {background:red;}
input[vlaue="50"]+span {background:green;}