原子化css

提示:facekbook twitter最近的产品部署 主页减少了80%的css体积

一、什么是原子css

//比如
<button class="button button--state-danger">Danger button</button>
/* 原子css*/
.bw-2x{
	broder-width:2px;
}
.bss{
	border-style:solid;
}
.sans{
	font-style:sans-serif:
}
.p-1x{
	padding:10px;
}
/* 不是原子css 因为包含了俩个规则*/
.p-1x-sans{
	padding:10px;
	font-style:sans-serif;
}
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页