在SCSS中将标记名嵌套到类样式中
我想为在SCSS中将标记名嵌套到类样式中,css,sass,Css,Sass,我想为嵌套选择器,它不是嵌套的,它是两个不同的元素,请按如下所示尝试实现 .class-name { font-size: 40px; } a.class-name { color: #ff6666; } 或者以嵌套的方式 a{ &.class-name{ color: #ff6666; } } 无法从子级以父类为目标 从中获取更多详细信息我认为您必须使用 就我个人而言,我觉得阅读起来并不愉快,更重要的是,在文件中通过ctrl+f很难找到(如果您没有so
嵌套选择器,它不是嵌套的,它是两个不同的元素,请按如下所示尝试实现
.class-name {
font-size: 40px;
}
a.class-name {
color: #ff6666;
}
或者以嵌套的方式
a{
&.class-name{
color: #ff6666;
}
}
无法从子级以父类为目标
从中获取更多详细信息我认为您必须使用
就我个人而言,我觉得阅读起来并不愉快,更重要的是,在文件中通过ctrl+f很难找到(如果您没有sourcemaps)
编辑:如果整个块嵌套到其他块中,则会中断…这是我在问题中给出的解决方案,但不是scss方式。如果a是类名,则可以使用&parent selector或嵌套上一版本的嵌套元素。。。我不想以另一种方式嵌套(.class name在a中)。另外,在您的解决方案中,我应该将字体大小放在哪里?这是scss
来生成css
,正如您提到的a。class-name
特定于添加颜色:#ff6666代码>但字体大小:40px前面的.class name
已经添加了code>。@ArthurCantarela:你能试试然后告诉我们吗?或者一份副本
.class-name {
font-size: 40px;
@at-root {
a#{&} {
color: #ff6666;
}
}
}