css - 选中单选按钮时更改 <div> 内 <a> 的颜色？

Question

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

我在尝试更改 <a> 上的属性时遇到了一些问题选中第一个单选按钮时的标记。当我想更改 <label> 时它工作正常检查一个但不使用 <a> 时的属性

谁能帮帮我？

Answer 1

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

你需要使用

#radio-one:checked + label + div a

Updated fiddle

另见 this answer有关 + 选择器如何工作的说明。