Having a strange issue with a css selector which I feel ought to fire but doesn't. Here's the two tester styles, the first one is testing to see if my selector structure is correct.. div.sheet-heatpenalties div input + div { background: blue; } div.sheet-heatpenalties div input[value~="1"] + div { background: red; } But its not dress the divs as red, despite the input obviously displaying the correct input to trigger the style. Here's the html in case there's a problem there. <div class="heatpenalties"> <div><input readonly name="attr_heatpen-shutdown-auto"><input type="text" name="attr_temperature-rank"><div>Shutdown</div></div>