网站首页 > web开发 > 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:“方法都在这了,会不会用就看你自己了。”
到此这篇关于CSS 选择所有子元素添加样式的方法的文章就介绍到这了,更多相关CSS子元素添加样式内容请搜索开源网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持开源网!
- 上一篇: 纯CSS让子元素突破父元素的宽度限制
- 下一篇: css实现网页右下角点赞小卡片效果(实例代码)
猜你喜欢
- 2023-10-09 Dreamweaver网页怎么创建css样式的复合声明?
- 2023-10-08 Dreamweaver网页制作怎么使用css样式嵌套?
- 2023-10-08 Dreamweaver中css选择器中的类怎么使用?
- 2023-10-07 DreamWeaver中css代码不换行显示怎么实现?
- 2023-10-07 Dreamweaver如何给div添加css样式? dw给div添加css样式的方法
- 2023-10-07 Dreamweaver怎么创建CSS样式? dw插入css的教程
- 2023-10-07 Dreamweaver怎么用CSS制作圆角按钮?
- 2023-10-06 Dreamweaver中CSS怎么制作径向圆形渐变?
- 2023-10-03 dreamweaver cs5网页怎么链接css样式?
- 2023-10-03 dreamweaver cs5怎么创建CSS规则?
你 发表评论:
欢迎- 开源分类
- 开源网标签
本文暂时没有评论,来添加一个吧(●'◡'●)