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 组合模式 组件自己引用自己 递归组件 组件命名
下一篇:ts无法使用js中的中括号[]方式通过属性名获得对象属性值的解决办法
评论列表

发表评论

评论内容
昵称:
关联文章

sass选择
WPF对象资源
C# winform选择dll文件
WPF程序资源
VUE使用sass提示在sass文件中提示Syntax Error : this.getOptions is not a function
.net core winform窗体继承后设计异常,看不到控件,并且页无法添加控件
EF Linq查找所有子节点或者所有节点
win11使用小技巧之便捷调出你的任务管理
百亿数据 分库分表 后怎么分页查询?
C# Winform选择文件夹目录
(原创)WinForm中莫名其妙的小BUG——RichTextBox自动选择字词问题
省市区选择组件SelectArea
公共数据字典选择组件SelectCommonDict
JS清除Input File 的选择文件 javascript清除Input File选择文件
.NET Core Winform 打开窗体设计报错
百亿数据 分库分表 后怎么分页查询?
HEU KMS Activator -全能Windows/Office激活神
.NET 百万 大数据插入、更新 ,支持多种数据库
组策略:网络安全:LAN 管理身份验证级别 改为 没有定义
WPF 引用第三方库的控件在设计加上设计时数据和属性

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