Css 如果选择器相对引用引用根,则手写笔将忽略规则集
在下面的手写笔代码中,我事先不知道将Css 如果选择器相对引用引用根,则手写笔将忽略规则集,css,stylus,Css,Stylus,在下面的手写笔代码中,我事先不知道将。InputField LightTheme父选择器是或否:这取决于库用户将定义多个主题还是否 .InputField-LightTheme .InputField-InputElement color blue ../ .InputField-InputElement__InvalidValueState color red 当主题选择器存在时,我期待下面的结果,上面的代码给出了这个结果: .InputFi
。InputField LightTheme
父选择器是或否:这取决于库用户将定义多个主题还是否
.InputField-LightTheme
.InputField-InputElement
color blue
../ .InputField-InputElement__InvalidValueState
color red
当主题选择器存在时,我期待下面的结果,上面的代码给出了这个结果:
.InputField-LightTheme .InputField-InputElement {
color: #00f;
}
.InputField-LightTheme .InputField-InputElement__InvalidValueState {
color: #f00;
}
当不存在主题选择器时,我希望将编译以下CSS:
.InputField-InputElement {
color: #00f;
}
.InputField-InputElement__InvalidValueState {
color: #f00;
}
.InputField-InputElement {
color: #00f;
}
但是,如果要删除.InputField LightTheme
选择器并将代码转到:
.InputField-InputElement
color blue
../ .InputField-InputElement__InvalidValueState
color red
。。。将只编译第一个规则集:
.InputField-InputElement {
color: #00f;
}
.InputField-InputElement__InvalidValueState {
color: #f00;
}
.InputField-InputElement {
color: #00f;
}
我的调查
当主题选择器存在时,如果尝试将当前选择器转储到。/.InputField-InputElement\uuu InvalidValueState
,如预期的”。将输出InputField LightTheme.InputField-InputElement\uu InvalidValueState'
.InputField-LightTheme
.InputField-InputElement
color blue
../ .InputField-InputElement__InvalidValueState
p(selector())
color red
接下来,当主题选择器不存在时,如果尝试将当前选择器转储到。/.InputField-InputElement\uu InvalidValueState
,只输出'
(空字符串)这也很正常,因为上方不存在选择器。InputField InputElement
.InputField-InputElement
color blue
../ .InputField-InputElement__InvalidValueState
p(selector())
color red
不正常的是,触控笔没有生成规则集,选择器.InputField-inputeElement\uuu InvalidValueState
为空字符串,并且.InputField-inputeElement\uu InvalidValueState
添加结果