I have a repeating section as follows: <fieldset class="repeating_readout"> <div class="readoutrow"> <details> <summary> <div class="perkname"> <input type="hidden" name="attr_perkname" value=""/> <input type="hidden" name="attr_perkcost" class="showcost" value="0"/> <span name="attr_perkname"></span>&nbsp; <input type="hidden" name="attr_perkcost" class="showcost" value="0"/> <span class="costspan">( <span name="attr_perkcost"></span>&nbsp;CANS):</span> </div> </summary> <input type="hidden" name="attr_perktext" value=""/> <span name="attr_perktext" class="white-text"></span> <input type="hidden" name="attr_random" class="randomflag" value="none"/> <button type="action" name="act_randomspeed" class="perkdie randomspeed">F</button> </details> </div> </fieldset> with the following CSS: .randomflag:not[value="speed"] ~ .randomspeed{ display:none; } When the value of the input "random" changes, it should toggle the display for the button, but it doesn't work. What am I doing wrong?