以下内容用于切换样式表:
body.light {
background: var(--bg);
color: var(--text);
& a {
color: var(--link_color);
}
}
body.dark {
color: var(--bg);
background: var(--text);
& a {
color: white;
}
}
此代码片段位于最后加载的文件中，其中包括几个css文件.
问题:虽然属性被正确执行，但 Select 器的嵌套没有被提取(应该使用与号).
有一个框架css文件(在放置此代码的文件之前加载)，它是执行的那些属性.
正确运行嵌套 Select 器的语法要求是什么(它们是本机标记 Select 器(如`a)还是用户定义的 Select 器？
update
主题是通过cookies[:theme]生成的
Body标签是这样采用它的:
<body class="<%= cookies[:theme] %>">
要使其在常规的css中工作，请重写而不使用&.
例如:
body.light {
background: var(--bg);
color: var(--text);
}
body.light a {
color: var(--link_color);
}
body.dark {
color: var(--bg);
background: var(--text);
}
body.dark a {
color: white;
}
根据Sass document的说法，关于两个字母:
父 Select 符
&是Sass发明的一种特殊 Select 符，用于在嵌套 Select 符中引用外部 Select 符.它使以更复杂的方式重用外部 Select 器成为可能，比如添加伪类或在父类之前添加 Select 器.
目前，&的使用将需要像Sass这样的CSS预处理器，而且&也被许多语法广泛采用，如Sass、SCSS、LESS.