更改了通用兄弟组合器以切换伪元素：有效的是

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; }