CSS 选择所有子元素添加样式

方法:> *

以实际项目中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:“方法都在这了,会不会用就看你自己了。”

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端开发黑子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值