伪选择器在less中怎么写

最新推荐文章于 2022-10-29 19:58:08 发布

qq_42490671

最新推荐文章于 2022-10-29 19:58:08 发布

阅读量579

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/qq_42490671/article/details/121253667

版权

<body>

    <!-- 父容器 -->

    <div class="viewport">

        <!-- 三列 -->

        <div class="columm">1</div>

        <div class="columm">2</div>

        <div class="columm">3</div>

    </div>

</body>

less，未选择器前要加符号&，&:nth-child(2)


.viewport {
    display: flex;
    min-width: 1024px;
    max-width: 1920px;
    background: url(../images/logo.png) no-repeat 0 0/ contain;
    min-height: 780px;
    margin: 0 auto;

    .columm {
        flex: 1;
        background-color: pink;
        border: 1px solid red;

        &:nth-child(2) {
            flex: 4;
        }
    }

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_42490671

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
伪选择器在less中怎么写

<body>  <div class="viewport">  <div class="columm">1</div> <div class="columm">2</div> <div class="columm">3</div> </...
复制链接

扫一扫