CSS 工具类和“关注点分离”

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适合旅程每个阶段的云产品。立即开始使用 价值 200 美元的免费积分!

Adam Wathan 带领我们踏上了探索 HTML 和 CSS 不同方法的旅程。这是一篇非常棒的文章,我相信它会引起很多人的共鸣,无论你是否同意他的最终结论。

这里有一个特别有趣的部分,他明确指出“关注点分离”是一个稻草人

要么是关注点分离(好!),要么不是(不好!)。这种思考 HTML 和 CSS 的方式是错误的。

相反,要考虑依赖方向。编写 HTML 和 CSS 有两种方式

依赖于 HTML 的 CSS … 在这种模型中,你的 HTML 可重新定义样式,但你的 CSS 不可重用。

依赖于 CSS 的 HTML … 在这种模型中,你的 CSS 可重用,但你的 HTML 不可重新定义样式。

我注意到,在样式方面,相当多的人群正朝着两个方向前进。一个方向是朝着紧密耦合的 CSS(例如,带有作用域样式的 `.vue` 文件,与模板 HTML 紧邻)。另一个方向是与 HTML 完全解耦的样式类(例如,原子 CSS)。

似乎最不受欢迎的是松散耦合的全局样式。

直接链接 →