通常在为新的断点编写scss时 - 甚至断点也不会改变布局,但仍然会在这些断点处更改样式 - 如果我没有完全按照我在代码中更高的指定,那么at-breakpoint不会覆盖以前的css。例如,如果在scss的第一个实例化中我写了标题的布局。如果我写了标题宽度,那么接下来就是导航,内部是ul,内部是li等。如果我想稍后更改它,我不能只是嵌套,例如, 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;
}
}
}
}
}
}
}
只需更改该元素的字体大小。