鼠标移上去,显示元素

利用css实现鼠标移上去,出现元素。

        .t2{
            background-color:yellow;
            float:left;
            width:200px;
        
        }
        .t2:hover{
            background-color:green;
        }
        .t2:hover .t3{
            display:block;
        }
        .t3{
            background-color:red;
            display:none;
        }
        p{
            margin:0;
            
        }
<div class="t2">
    <p>1</p>
    <div class="t3">
    <p>2222</p>
    </div>
</div>  
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 明天你好!
    我是谁我是你的谁阅读 214评论 0 0
  • 今天,我要开始新的生活! 今天,我要开始一个全新的我! 无论过去发生过什么, 今天,是我一个新的开始! 我相信自己...
    周洲的日常阅读 164评论 0 0
  • 你站在第一排 我在最后一排 你我隔着几排座位 却如千山万水一般 我想接近你 但没有跨过千山万水的勇气 因我没有勇气...
    左手给我阅读 179评论 0 1