Kxzh1 2023-03-17 17:06 采纳率: 40%
浏览 15

这是css里面的,但是为什么我写了显现我鼠标经过还是没反应


.dropdown .dd {
        display: none;
        width: 251px;
        height: 468px;
        background-color: #ff2020;
    }
.dropdown .dd ul:hover {
        display: block;
    }
  • 写回答

1条回答 默认 最新

  • 追cium 2023-03-17 17:09
    关注

    参考GPT和自己的思路:

    根据你所提供的CSS代码,.dd元素的display属性被设置为none,而.dd ul:hover选择器所定义的样式只在鼠标移到.dd元素的子元素(ul)上时才会触发。因此,只需将.dd元素的display属性设置为block或其他值,即可在鼠标移到.dd元素上时显示出该元素,例如:

    .dropdown .dd {
        display: block;
        width: 251px;
        height: 468px;
        background-color: #ff2020;
    }
    
    .dropdown:hover .dd {
        display: block;
    }
    

    在上面的例子中,.dd元素在初始化时就被设置为display: block;,而当鼠标移到.dropdown元素上时,.dd元素的display属性也会被设置为block以实现显现效果。

    评论

报告相同问题?

问题事件

  • 创建了问题 3月17日