从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要为大家展示了CSS如何选择所有子元素添加样式,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“CSS如何选择所有子元素添加样式”这篇文章吧。
创新互联-专业网站定制、快速模板网站建设、高性价比南木林网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式南木林网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖南木林地区。费用合理售后完善,十载实体公司更值得信赖。
方法:
以实际项目中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中到底有没有这种选择全部子元素的选择器呢,后来看了下文档,发现虽然没有,但是最基本的方法人家已经告诉你了,剩下的就靠你自己的造化了(看你会不会变通使用!)
以上就是关于“CSS如何选择所有子元素添加样式”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注创新互联行业资讯频道。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图