更改<a> inside <div> when radio button is checked?</div></a>上的颜色

Question

http://jsfiddle.net/anvhw/1/

在检查第一个单选按钮时，我在尝试更改<a>标记上的属性时遇到了一些问题。如果我想在选中<label>属性而不是使用<a>

时更改{{1}}属性，它可以正常工作

任何人都可以帮助我吗？

Answer 1

+选择器意味着两个元素之间不得有任何其他元素。 + label有效的原因是因为您的label紧跟在您的单选按钮之后。但是，label位于您的单选按钮和div之间，因此#radio-one:checked + div无效。

您需要使用

#radio-one:checked + label + div a

Updated fiddle

另请参阅this answer，了解+选择器的工作原理。