2

CSS 前処理を使用する場合は、次の点を考慮してください。

.pull-right {
    float: right;
}

<div class="pull-right"><span>My content being pulled to the right</span></div>

または

.pull-right {
    float: right;
}

.login {
    .pull-right;
}

<div class="login">My login form</div>

独断的に、私はユーティリティ クラスが私のドキュメント マークアップにスタイルの懸念を吹き込んでいるのが好きではありません。

実用的には、ユーティリティ クラスの使いやすさと、右にプルする必要がある各要素を対象とする個別のクラスを必要としないという事実が気に入っています。

構造を変更する必要があり、HTML マークアップとスタイルの両方を変更する必要がある大規模なプロジェクトでユーティリティ クラスを使用して、やけどを負った人はいますか?

非常に大規模な UI プロジェクトに着手する場合、マークアップにスタイルに関する懸念をもたらすユーティリティ クラスを避けるべきですか?

4

1 に答える 1

2

これはやや主観的な質問であり、スタック オーバーフローに最適ではありません。でも、こう答えてみてください。

  1. 「大規模なプロジェクトでユーティリティ クラスを使用してやけどを負った人はいますか?」何人かの人々がいつか行ったことがあることは間違いありません。あからさまなアピアランス クラスを html に混在させると、アピアランスを変更する必要がある場合はいつでも焼き付きが発生する可能性があります。

  2. ユーティリティ クラスには、説明したものよりも 3 番目の用途があります。JavaScript を使用して、ある時点でクラスを動的に追加し、そのクラスが HTML コンテンツに影響を与えることができるようにすることができます。もちろん、これは最初の例に関連していますが、html にハードコードされていないため、質問している問題を回避してください。

  3. 最後に、それをどのように使用するかは、ニーズと期待に大きく依存します。特定の例では、その mixin には CSS コードが 1 行しかないため、ユーティリティ mixin を使用するよりもクラスに追加float: rightする方が簡単です。.logo10 行ある場合は、mixin for を使用.logoする方が理にかなっています。ブートストラップにはそのミックスインがストレート クラスとして定義されているため、クラスを直接追加するか、ミックスインとして追加するかのいずれかで、好きなように柔軟に使用できると思います。彼らが純粋に mixin として意図した場合、彼らの定義は(括弧付きで) であるため、要素にクラスとして.pull-right()追加するオプションを作成しませんでした。pull-right

したがって、それをストレート クラスとして使用することを避けるべきかどうかは、説明するシナリオに関してどのようなリスクを負う意思があるかによって異なります。あなたはやけどをする可能性がありますが、おそらくそうではありません。それはすべて、何かが変更される可能性、それを HTML に導入する回数、およびおそらく私が考えていない他のいくつかの要因に依存します。使うか使わないかのリスクレベルから報酬レベルまで評価できるのはあなただけです。

于 2013-03-07T19:02:48.460 に答える