提示: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;
}