sass父级选择器


系统中设置了element的button全局样式,让按钮最小宽度定义为100px

CSS 全选
.el-button {
  min-width: 100px;
}

 

可是这种粗暴的样式使得el-popconfirm的按钮也显示的异常,实际上el-popconfirm中的按钮不需要设置min-width

得益于使用的scss样式,因此我们可以重写样式如下注意是scss样式:

CSS 全选
.el-button {
  min-width: 100px;

  .el-popconfirm & {
    min-width: unset;
  }
}

设置好后,功能显示正常了

sass父级选择器

实际生成的css如下:

sass父级选择器

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:vue3 组合模式 组件自己引用自己 递归组件 组件命名
下一篇:sass父级选择器
评论列表

发表评论

评论内容
昵称:
关联文章

YES-CMS内容管理系统 售价

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码