CSS中的公共类、辅助类、工具类是什么？可复用CSS类该如何称呼？

目前前端行业对这三类可复用CSS类的区分逻辑如下：

• 工具类（Utility classes，也叫原子类）：核心特征是单一职责，一个类仅对应1~2条固定的CSS规则，和业务场景完全解耦，可自由组合使用。你示例中的.border-radius就是典型的工具类，它只负责设置固定圆角，可应用在按钮、卡片、弹窗等任意需要该圆角规则的元素上。
• 通用类（Common classes）：通常是和项目设计规范强绑定的全局公共类，复用范围覆盖整个项目的基础规则，修改会影响全项目的展示效果。你示例中的.container（全局内容宽度限制）、.row（网格布局行容器）都属于通用布局类，是项目基础网格系统的核心组成。
• 辅助类（Helper classes）：定位介于工具类和业务组件类之间，通常用来解决特定的通用场景问题，功能比纯原子工具类稍复杂，比如清除浮动的.clearfix、实现多行文本溢出省略的.multi-line-ellipsis都属于这类，同样支持全项目复用。

对应示例代码如下：

/* 通用类、辅助类、工具类示例 */
.border-radius{
  border-radius: 10px;
}
.container{
  max-width: 1200px;
}
.row{
  display: flex;
  flex-wrap: wrap;
}

实际开发中不用过度纠结三类的边界划分，只要团队内部对分类定义、命名规则达成一致即可。

内容的提问来源于stack exchange，提问作者sam sam