更改了通用兄弟組合器以切換偽元素：有效的是

Question

我遇到了經常提到的WebKit錯誤。 以下變通辦法似乎在特定情況下可行 。 但是，我沒有找到有效的組合。

以開始（縮短。實際代碼有9個子元素來創建輪播）：

    input[value="1"]:checked ~ .container .carousel p:nth-child(1) { -webkit-transform: translateZ(540px) scale(1); opacity: 1; }

我嘗試了鏈接中建議的語法

    input[value="1"]:checked + .container + .carousel p:nth-child(1) { -webkit-transform: translateZ(540px) scale(1); opacity: 1; }

但是，這將禁用切換操作。

*更新*
如前所述，我沒有正確指定問題。

問題是復選框黑客無法在Android <4.1上運行（據我所知）。
使用Chrome或Safari（Firefox無法正常使用該代碼，並且正在單獨呈現） ，可以在此處查看代碼結果

Answer 1

參見jsFiddle示例 。 這對我有用

input[value="1"]:checked + .container .carousel p:nth-child(1) 
    { -webkit-transform: translateZ(540px) scale(1); opacity: 1; }