2015-04-28 89 views
3

我的问题与我的页面上CSS加载缓慢有关,因为太多*:之前*:加载之后...例如:基础CSS加载*:在*之前*:伪元素过多次

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 

现在我无法弄清楚这一点。我编译了基础app.scss,并且只是使用这个app.css文件,出于某些原因,像.columns或小12,中12和大12这样的类在我的页面上多次加载,相互覆盖。 这导致我的css被加载几秒钟。

我正在使用基础版本{font-family:“/5.5.0/”; }

我无法找到其他人有这个问题。任何人都可以指出我的解决方案? Thx

+0

不要下载完整的基础下载自定义 http://foundation.zurb.com/develop/download.html#customizeFoundation –

+0

不知道这是否能解决问题,因为这些类的接缝要从同一行加载,请参阅如下: '*,*:之前,*:在{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *,*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } *,*:before,*:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }' 但我试试看看会发生什么。 Thx – goran

+0

它的同一行,因为它缩小了。 –

回答

2

为了让大家都知道我在第11行的functions.scss文件中遇到了问题,我错过了!全局参数$modules: $modules !global;。添加完成后,编译后的CSS变得更小了,现在我没有任何问题。