Html 为什么我的CSS翻转卡网格不工作？
我花了好几个小时努力创建这个3x3的翻转卡片网格（这是一个基本网页设计课程的作业），但毫无结果。我使用了一个复选框，所以如果“选中”，它会翻转，如果“未选中”，它会翻转回来。现在，当我点击一张卡片时，它只是沿着它的轴翻转，但内容仍然是“正面”。我的代码如下。对不起，如果有点乱；我对编码是新手，几个月前刚开始通过在线课程学习。请帮忙Html 为什么我的CSS翻转卡网格不工作？,html,css,grid,flip,Html,Css,Grid,Flip,我花了好几个小时努力创建这个3x3的翻转卡片网格（这是一个基本网页设计课程的作业），但毫无结果。我使用了一个复选框，所以如果“选中”，它会翻转，如果“未选中”，它会翻转回来。现在，当我点击一张卡片时，它只是沿着它的轴翻转，但内容仍然是“正面”。我的代码如下。对不起，如果有点乱；我对编码是新手，几个月前刚开始通过在线课程学习。请帮忙 正文{ 字体系列：Helvetica，无衬线； 文本对齐：居中； 背景：线性梯度（至顶部，#A4F9C8，#A7FFF6）； 颜色：#5C6F68； } 部门机构{
正文{
字体系列：Helvetica，无衬线；
文本对齐：居中；
背景：线性梯度（至顶部，#A4F9C8，#A7FFF6）；
颜色：#5C6F68；
}
部门机构{
高度：自动；
宽度：自动；
盒影：无；
游标：默认值；
背景：无；
过滤器：无；
显示：内联块；
}
标签{
高度：131px；
宽度：20em；
溢出y：自动；
填充：15px；
保证金：3倍；
背景：RGB（255,255,255,0.3）；
边框：实心5pxRGB（255,255,255,0.3）；
光标：指针；
线高：1.3em；
位置：相对位置；
-webkit透视图：1000px；
透视图：1000px；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
显示：块；
/*盒影：3px 3px 3px#A6*/
}
输入{
显示：无；
}
分区卡{
位置：相对位置；
宽度：100%；
身高：100%；
-webkit变换样式：保留-3d；
变换样式：保留-3d；
-webkit转换：所有600毫秒；
过渡：所有600毫秒；
背景：无；
溢出y：自动；
z指数：20；
}
卡德司{
位置：绝对位置；
高度：自动；
宽度：自动；
背景：无；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
}
二等兵二等兵二等兵{
-webkit变换：rotateX（180度）；
变换：rotateX（180度）；
}
：选中+。卡片{
-webkit变换：rotateX（180度）；
变换：rotateX（180度）；
}
梅努巴先生{
宽度：自动；
高度：30px；
字体大小：12px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：RGB（255,255,255,0.3）；
}
.thecard:：-webkit滚动条{
宽度：10px；
}
.thecard:：-webkit滚动条轨迹{
背景：RGB（255,255,255,0.3）；
}
.thecard:：-webkit滚动条拇指{
背景：白色；
}
.thecard:：-webkit滚动条拇指：悬停{
背景#FF579F；
}
：-webkit滚动条{
宽度：10px；
}
：-webkit滚动条轨迹{
背景：#d4fef5；
}
：-webkit滚动条拇指{
背景：白色；
}
：-webkit滚动条拇指：悬停{
背景#FF579F；
}
“生存还是毁灭，这是一个问题：
受苦是否更高尚
无耻命运的投石器和箭，
或者拿起武器对抗麻烦的海洋
通过反对结束他们。为了睡觉而死，
再也没有了；通过一个睡眠，我们结束了
心痛和千次自然冲击
那肉体是“这是一个圆满”的继承人
虔诚地希望自己死去，睡觉；
睡觉，或者做梦，是的，这是一个难题：
因为在死亡的沉睡中，什么样的梦会降临，
当我们洗牌离开这个凡人的线圈时，
必须让我们停下来，这是尊重
这就造成了生命如此漫长的灾难。
谁会忍受时间的鞭笞和嘲笑，
压迫者的错误，骄傲者的悲哀，
爱的痛苦，法律的拖延，
办公室的傲慢，以及对他们的蔑视
不值得的耐心的优点，
当他自己可以安静下来时
和一个光秃秃的菩提树？法德尔斯会生谁，
在疲惫的生活中呻吟流汗，
但那是对死后某件事的恐惧，
未被发现的国家，其边界
没有旅行者回来，困惑遗嘱，
让我们更愿意忍受我们的病痛
而不是飞往我们不知道的其他地方？
因此，良心确实使我们大家都成为懦夫，
因此，分辨率的自然色调
被苍白的思绪所折磨，
以及具有重大意义的企业
就这一点而言，它们的电流变得异常
失去行动的名义”（III.1.57-89）。