欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

less中使用last-child选择器

程序员文章站 2022-03-03 18:58:13
css:.search{ .time{ &:first-child{ margin-left: 0px !important; } &:nth-last-child(2){ margin-left: -12px !important; } } }html:......

css:

.search{
    .time{
      &:first-child{
        margin-left: 0px !important;
      }
      &:nth-last-child(2){
        margin-left: -12px !important;
      }
    }
  }

html:

<div class="search">

        <div class="time">

          <span>关键字:</span>

          <el-input v-model="selected.Text" prefix-icon="el-icon-search" class="search_input" />

        </div>

        <div class="time">

          <span>记录时间:</span>

          <el-date-picker v-model="selected.Time1" type="date" placeholder="选择开始日期" class="search_input" />

        </div>

        <el-button size="small">查询</el-button>

      </div>

last-child默认的最后一个元素为button,所以设置最后一个time的样式时,要使用倒数第二个才能设置到样式

本文地址:https://blog.csdn.net/qq_20497071/article/details/107512268