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

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