&&youyou 2021-10-18 21:46 采纳率: 100%
浏览 44
已结题

CSS3中:hover背面隐藏相关问题

img

img

img

img


紫色div标签为什么不显示?

  • 写回答

2条回答 默认 最新

  • CSDN专家-showbo 2021-10-18 22:25
    关注

    改直接子节点才翻转,要不nth-of-type相对于在box div下的蓝色和朱色的div也是作用的,所以hover后第二个div中的紫色div也转了-180deg看不到了

    img

    img

    改直接子节点才翻转后就不会作用到内部的div了

    img

    
     .box>div:nth-of-type(1) {
            background: rgb(142,104,65);
            transform: rotateY(0deg)
        }
        .box > div:nth-of-type(2) {
            background: red;
            transform: rotateY(-180deg)
        }
        .box:hover > div:nth-of-type(1) {
            background: rgb(142,104,65);
            transform: rotateY(-180deg)
        }
        .box:hover > div:nth-of-type(2) {
            background: red;
            transform: rotateY(0deg)
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 10月27日
  • 已采纳回答 10月19日
  • 创建了问题 10月18日

悬赏问题

  • ¥15 我这模型写的不对吗?为什么lingo解出来的下面影子价格这一溜少一个变量
  • ¥50 树莓派安卓APK系统签名
  • ¥15 maple软件,用solve求反函数出现rootof,怎么办?
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿
  • ¥100 关于使用MATLAB中copularnd函数的问题
  • ¥20 在虚拟机的pycharm上
  • ¥15 jupyterthemes 设置完毕后没有效果
  • ¥15 matlab图像高斯低通滤波