添加伪类,hover 有图标显示*

/***添加伪类,hover 有图标显示******/

            tr td:nth-child(1) {

              &::before {

                content: "\21BB";

                position: absolute;

                top: 35%;

                left: 0;

                width: 20px;

                height: 20px;

                display: none;

              }

            }

            tr td:nth-child(1):hover {

              &::before {

                display: flex;

                position: absolute;

              }

            }


/***添加伪类,hover 有图标显示******/

            tr td:nth-child(1) {

              &::before {

                content: "";

                background: url("~@/assets/images/search.png") 0 0 no-repeat;

                position: absolute;

                top: 38%;

                left: 0;

                width: 20px;

                height: 20px;

                display: none;

              }

            }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文链接:https://blog.csdn.net/LongIvan/article/details/83832...
    townof1997阅读 396评论 0 0
  • 一、网页认识 1、网页组成 文字、图片、超链接、音频、视频; 2、网页背后本质 前端程序员写的一行行的代码; 3、...
    Cargo阅读 671评论 0 0
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,592评论 0 5
  • 一、HTML基础标签 1.HTML简介 超文本标记语言(英语:HyperText Markup Language,...
    是阳仔啊阅读 330评论 0 0
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,329评论 0 11

友情链接更多精彩内容