在www.example.com的CSS类名称中，前缀“u-”的含义是什么Medium.com？

xn1cxnb4 于 2022-12-01 发布在其他

关注(0)|答案(1)|浏览(98)

我在检查Medium.com时看到了u-marginAuto、u-clearfix和u-baseColor之类的类名。

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

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

1条答案

这只是个人/公司在可读性和一致性方面的明智选择
他们写了这篇***很棒的***文章

. js-javascript选择器所依赖的元素的前缀类名
- . u-用于单一用途实用程序类的前缀类名，如. u下划线、. u大写等。*
Introduction of meaningful hypens and camelCase — to underscore the separation between component, descendant components, and modifiers
. is-有状态类（通常由js切换）的前缀类，如. is-disabled
新的CSS变量语义：[属性]-[值]--[组件]
Mixin仅简化为polyfill并以. m-为前缀

（强调我）