CSS有效，但不能动态应用

Question

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

Safari for OSX和Firefox OSX可以正常工作。

所以我有一些元素的样式不能动态应用，即在页面加载时效果很好，但是当我使用页面时却没有。

这是一支演示笔： 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上遇到了麻烦。