CSS 挑选全部子原素加■上款式的方式

2021-01-20 23:55 jianzhan

方式:

以具体新项目中less为例子:

.lk-toolbar {
    .el-input {
        width: 169px;
        margin-right: 10px;
    }
    > * {
        margin-bottom: 20px;
    }
}

上边编码取得成功完成了 .lk-toolbar 下一切子原素的 margin-bottom: 20px 

那么一来防止列举各种各样将会出現的子原素种类,煞笔式实际操作:

.lk-toolbar {
    .el-input {
        width: 169px;
        margin-right: 10px;
        margin-bottom: 20px;
    }
    .el-button, .el-date-editor {
        margin-bottom: 20px;
    }
}

运用情景(实际效果):

感受(空话):

一刚开始疑惑CSS中究竟有木有这类挑选所有子原素的挑选器呢,之后看过下面档,发觉尽管沒有,可是最基本的方式别人早已告知你呢,剩余的就靠你自身的造化了(看着你是否会随机应变应用!)

实例教程OS:“方式都会这了,是否会用全看你自身了。”

到此这篇有关CSS 挑选全部子原素加上款式的方式的文章内容就详细介绍到这了,大量有关CSS子原素加上款式內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!