通常在为新的断点编写 scss 时——即使是不改变布局的断点,但仍然会在这些断点处改变样式——如果我没有完全按照我在代码中更高的部分指定,断点不会覆盖以前的 css。例如,如果在 scss 的第一个实例化中,我编写了标题的布局。如果我写标题宽度,然后在它里面是导航,在里面是 ul,在里面是 li,等等。如果我想稍后改变它,我不能只嵌套,例如,a li 在标题内以更改字体。我必须像以前一样重新列出整个代码以保持相同的特异性顺序。
我错过了一个非常明显的解决方法吗?
一个例子可能是:
#about {
@include span-columns(24,24);
#contain_about {
section {
@include span-columns(20,20);
}
#profiles {
@include span-columns(20,20);
.profile {
@include span-columns(20,20);
.expandInside {
@include span-columns(20,20);
.hgroupInside {
h1.description {
font-size: 1.25em;
}
}
}
}
}
}
}
只是为了更改该元素的字体大小。