ACSS 的全称为
Atomic CSS
,意为原子CSS。它专注于创建很多小型的 CSS 样式类,以便在 HTML 上使用。这种方法旨在提供高度精细和可重用的样式,而不是为每个组件提供规则。这可以减少特异性(优先级)冲突并以可预测的方式使样式更具可变性。这种方法有助于减少代码冗余和覆盖 CSS 样式的混淆。
个人观点:
- 不建议使用。
- 当原子类过于庞大之后,学习成本将会非常高。
- 对于复杂的dom结构原子类数量过多,可读性不强。不利于后续开发人员维护。
- 如果非要用可以参考tailwindcss