命名空间

理论上讲全局引入 sacss/index.css 这个文件，其中所有的类名均会变为全局的 CSS 关键字，容易引起 CSS 命名污染。

这里我们提供了 LESS 和 SASS WidthPrefix Mixin 来为整个核心代码添加统一前缀作为命名空间，以减少污染的范围。

LESS

@import 'sacss/less/WidthPrefix';

@prefix: '_'; // 这个替换成你想添加的前缀

#WidthPrefix(@prefix);

SASS

@import 'sacss/sass/WidthPrefix';

$prefix: '_'; // 这个替换成你想添加的前缀

@include WidthPrefix($prefix);

Output CSS

/* 会为 sacss/index.css 每一条CSS 添加 '_' 前缀 */

._db{display:block}

._df{display:flex}

._fw400{font-weight:400}

/* 这里忽略了剩余的其余代码... */

这样我们所有的核心 class 前都会带上 _ 前缀。

CSS 不具有 Mixin 功能，请下载 CSS 文件手动添加。

不推荐

虽然我们提供了为核心代码添加前缀的功能。

但是在实际的开发中，我们其实并不推荐这么做。

或者是我们推荐前缀应该尽量的短小，_ 是我们唯一推荐使用的前缀了。

因为 SACSS 的核心代码使用频次非常地高，如果每个 Class 前写前缀，会增加代码量以及显得异常的啰嗦。

再者命名污染这个问题，在我们实际多个项目，以及多年的使用经验当中，发生的概率是非常小，即使发生也很容易避开。