less排除.classname 的直接子元素的任何元素

div[class*='el-input']:not(.lc-select > *):not(.lc-input) .el-input__inner:not(#muiltInput),
div[class*='el-input']:not(.lc-date-picker > *):not(.lc-input) .el-input__inner:not(#muiltInput){
  height: 32px !important;
  line-height: 32px !important;
}
1、div[class*='el-input']:
  • 选择所有 div 元素,其 class 属性中包含 el-input。
  • class*='el-input' 使用了属性选择器中的子字符串匹配,意味着只要 class 中包含 el--input,无论它在 class 值中的哪个位置,都会被选中。
2、:not(.lc-select > *):
  • :not() 是一个否定伪类选择器,用于排除某些元素。
  • .lc-select > * 选择所有直接子元素(* 表示任何元素)属于 .lc-select 的元素。
  • 因此,:not(.lc-select > *) 排除的是那些作为 .lc-select 的直接子元素的任何元素。
3、:not(.lc-input):
  • 这个否定伪类选择器排除所有具有 .lc-input 类的元素。

综合起来,这个选择器的作用是:
选择所有 div 元素,其 class 属性中包含 el-input。
排除那些作为 .lc-select 的直接子元素。
排除那些具有 .lc-input 类的元素。
这个选择器可以用于应用样式到符合条件的元素,同时排除不符合条件的元素。确保在使用时,选择器的结构与目标 HTML 结构匹配,以达到预期效果。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容