1

我正在检查Medium.com并看到类名称，如u-marginAuto,u-clearfix和u-baseColor.

<div class"list u-baseColor u-marginAuto u-clearfix">
    ...
</div>

“u-”前缀是什么意思，什么方法使用这种技术？

4

1 回答 1

2

这只是关于可读性和一致性的个人/公司明智选择

他们写了这篇很棒的文章：

  • .js- javascript 选择器依赖的元素的前缀类名
  • .u- 前缀为单一用途实用程序类的类名，如 .u-underline、.u-capitalize 等。
  • 引入有意义的连字符和驼峰式 - 强调组件、后代组件和修饰符之间的分离
  • .is- 有状态类的前缀类（通常由 js 切换），例如 .is-disabled
  • 新的 CSS 变量语义：[property]-[value]--[component]
  • Mixins 仅简化为 polyfill，并以 .m- 为前缀

资源

于 2016-09-08T14:36:48.623 回答