改变了通用兄弟组合子来切换伪元素：什么是有效的

Question

我遇到了经常提到的WebKit错误。以下解决方法似乎work in specific instances。但是，我没有成功找到有效的组合。

从（缩短。实际代码有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; }

然而，这会禁用切换操作。

*更新*
正如所指出的，我没有正确指出问题。

问题是复选框hack无法在Android＆lt; 4.1（据我所知）。
  使用Chrome或Safari（Firefox无法正常使用代码，并且正在单独呈现）the result of the code can be seen here

Answer 1

见jsFiddle Example。这对我有用

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