html - 基础 CSS 加载 * : before *:after pseudo-elements too many times

Question

我的问题是由于太多 *: before *:after being loaded...导致页面上的 CSS 加载缓慢...示例:

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

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

我使用的是 foundation-version { font-family: "/5.5.0/";

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

Answer 1

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