我已经完成了本Sliding Image Panels with CSS3教程，并且在使用:checked启动动画时遇到了一个小问题。这是official demo和这个is my take（现在是webkit和mozilla）。
图片在点击时发生变化，但是面板不会滑动，而是在初始页面加载时滑动，这似乎是CSS告诉它要做的……有什么想法吗？
干杯。
最佳答案
抱歉，是PEBCAK。
像这样，我在结尾处留下了逗号结尾-看到结尾处的那个小逗号了吗？不好意思.cr-container input.cr-selector-img-1:checked ~ .cr-bgimg div span:nth-child(1),.cr-container input.cr-selector-img-2:checked ~ .cr-bgimg div span:nth-child(2),.cr-container input.cr-selector-img-3:checked ~ .cr-bgimg div span:nth-child(3),.cr-container input.cr-selector-img-4:checked ~ .cr-bgimg div span:nth-child(4), {
从而使整个声明块无效。
关于css - 在输入上启动CSS动画:已选中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9048648/