Compass / Susy at-breakpoint特异性问题

时间:2013-05-13 18:52:54

标签: css sass susy-compass

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

只需更改该元素的字体大小。

0 个答案:

没有答案