Html 更改了用于切换伪元素的常规同级组合符：什么是有效的

我遇到了经常提到的WebKit bug。下面的解决方法似乎是可行的。然而，我没有成功地找到有效的组合

从开始（缩短。实际代码有9个子元素来创建旋转木马）：

我尝试了链接中建议的语法

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

但是，这将禁用切换操作

*更新*
正如我所指出的，我没有正确地说明这个问题

问题是复选框黑客在Android<4.1（据我所知）上不起作用。
使用Chrome或Safari（Firefox无法与代码一起正常工作，正在单独呈现）

请参阅。这对我有用

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

---

我在这里没有看到任何伪元素。将子代组合符更改为

+

组合符似乎不正确-这需要完全更改HTML结构。您面临的问题到底是什么？HTML是什么样子的？虽然您的JSFIDLE可以与正在检查的浏览器和Android下的浏览器一起工作，但这种更改仍然不能解决禁用切换的问题。因此，这个问题必须放在更高的位置。我注意到你的帖子非常接近我的更新。你看到什么可疑的地方了吗？啊，我可以访问安卓4.0.4，你的链接站点在浏览器中被提升了。你听说过吗？它显示浏览器支持哪些HTML5元素。Android 4.0.4的默认浏览器不支持Figure。我想这就是问题所在。。。在这里，我得到了封面之后要展示的第一件物品。我所做的只是调整样式，以便在查找旋转木马图形时也查找旋转木马区域。这并不完整，但它可能会为您指出正确的方向…a）感谢您访问html5test.com（已经看到了；它在旧版本/浏览器上暂停，请保存Dolphin）。b） 你的尝试让我有点吃惊；Chrome或旧版Safari/iOS不再支持区域。所以我有3个版本的内容：一个用于Chrome/Safari/iOS/modern windows，第二个用于FF（因为第一个在FF上失败），第三个用于rest。您从FF-one中提取了代码，并以某种方式将其推到了超出我预期的程度。然而，正是Chrome/Safari的代码库生成了我的复选框hack不适用于Android<4.1问题：[JSFIDLE]（）

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