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 结构匹配,以达到预期效果。