基础 CSS 加载 *: before *:after 伪元素太多次答案

【问题标题】：Foundation CSS loads *: before *:after pseudo-elements too many times基础 CSS 加载 *: before *:after 伪元素太多次
【发布时间】：2015-04-30 15:13:41
【问题描述】：

我的问题与我的页面上的 CSS 加载缓慢有关，因为 *: before *:after 被加载太多...示例：

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

现在我想不通了。我编译了基础 app.scss 并仅使用此 app.css 文件，出于某种原因，我的页面上还多次加载了 .columns 或 small-12、medium-12 和 large-12 等类，相互覆盖。这导致我的 css 被加载了几秒钟。

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

我找不到其他人有这个问题。任何人都可以指出我的解决方案吗？谢谢

【问题讨论】：

不下载完整基础下载自定义foundation.zurb.com/develop/download.html#customizeFoundation
不知道这是否能解决问题，因为这些类接缝要从同一行加载，见下文：*, *: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; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 但我会尝试看看会发生什么。谢谢
它是同一行，因为它被缩小了。

标签： html css zurb-foundation pseudo-element

【解决方案1】：

只是为了让大家知道我在第 11 行的 functions.scss 文件中有问题，我缺少 !global 参数 $modules: $modules !global;。添加这个之后，编译的 css 要小得多，现在我没有任何问题。

【讨论】：