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上遇到了麻煩。