CSS有效但不动态应用

Question

免责声明：我搜索过这个主题无济于事，这似乎是Chrome唯一的问题。

适用于OSX和Firefox OSX的Safari工作正常。

所以我有一些不动态应用的元素的样式，即在页面加载时它工作正常但是当我使用页面时，它没有。

这里有一支笔来证明： http://codepen.io/craig-wayne01/pen/xcIid

并且给我这个问题的选择器就是这个

label.pagination:first-of-type,
     label.pagination:last-of-type,
     input.pagination[type=radio]:checked+label.pagination,
     input.pagination[type=radio]:checked+label.pagination+input[type=radio].pagination+label.pagination

所以基本上这是一个分页页脚区域的例子

我想要实现的只是改变下一个数字的颜色

所以，如果我点击＃4，＃5也需要改变颜色

哪个不起作用。

然后笔非常自我解释。此外，我无法理解为什么这不起作用。任何帮助将不胜感激

我唯一能想到的是css不能倒退，但我过去使用过类似的选择器，而且我没有问题。

Answer 1

根据我尝试使用仅限CSS的移动菜单进行类似操作的经验，检查或聚焦元素并不会强制重绘兄弟元素。我在iPad上遇到了这个麻烦。