javascript - 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 也需要改变颜色

这是行不通的。

然后 pen 就很不言自明了。另外我不明白为什么这不起作用。任何帮助将不胜感激

我唯一能想到的是 css 不能向后工作，但我过去使用过类似的选择器，我没有遇到任何问题。

Answer 1

根据我对纯 CSS 移动菜单尝试类似操作的经验，检查或聚焦元素不会强制重绘同级元素。我在 iPad 上遇到了这个问题。