html - css スタイル - CSS クラス名の「u-」プレフィックスは何を意味しますか?

Question

私はMedium.comu-marginAutoを調べていて、 、u-clearfix、 などのクラス名を見ましたu-baseColor。

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

「u-」プレフィックスの意味と、この手法を使用する方法論は何ですか?

Answer 1

読みやすさと一貫性に関する個人的/会社的な選択です

彼らはそれについてこの素晴らしい記事を書きました:

• .js- 接頭辞付きの要素のクラス名は、javascript セレクターに依存しています
• .u-underline、.u-capitalize などの単一目的ユーティリティ クラスの .u- プレフィックス付きクラス名。
• 意味のあるハイフンとキャメルケースの導入 — コンポーネント、子孫コンポーネント、および修飾子の間の分離を強調する
• .is-disabled のようなステートフル クラス (多くの場合、js によって切り替えられる) の .is- プレフィックス付きクラス
• 新しい CSS 変数のセマンティクス: [プロパティ]-[値]--[コンポーネント]
• ミックスインはポリフィルのみに縮小され、接頭辞 .m- が付きます

ソース