0

通常在为新的断点编写 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;
                            }
                        }
                    }
                }
            }
        }
    }

只是为了更改该元素的字体大小。

4

0 回答 0