5

これは質問というより討論ですが、インターネット上でこのトピックを扱っているものはあまりないように感じます。

たとえば、ファンデーションには何百もの !important タグがあり、私の目にはそれらを必要としないものがあります。

.text-center { text-align: center !important; }

これに似た css がたくさんありますが、これは私の観点では悪い習慣であり、私が答えたい質問は、なぜ css フレームワークがそれらを使用するのかということです。Bootstrap と Foundation は、両方を使用する 2 つの主要な CSS フレームワークです。

css で重要なタグを使用することは非常に悪い習慣であり、IE でのみ使用する必要があると常に言われてきました。

4

3 に答える 3

6

独自の CSS を作成する場合は、必要に応じてより具体的なルールを自由に追加できます。

.center        { text-align: center; }
.foobar        { text-align: left; }
.foobar.center { text-align: center; }

ただし、CSS フレームワークは、HTML がどのように配置されるかを予測できません。!importantしたがって、より具体的なルールの何千もの組み合わせを生成するよりも簡単です。例：

.center               { text-align: center; }
.foobar               { text-align: left; }
.barbaz               { text-align: right; }
 /*
  * assuming .center must be centered regardless of other rules and
  * !important must be avoided at the same time, we need to do this
  */
.foobar.center        { text-align: center; }
.barbaz.center        { text-align: center; }
.foobar.barbaz.center { text-align: center; }
于 2015-01-20T10:13:48.533 に答える
2

コード st に含めることができるためです。このような：

<style>
#aside p {text-align: right;}
.text-center {text-align: center} /* without important text will be aligned to right */
</style>

<div id="aside">
    <p>right-aligned text</p>
    <p class="text-center">centered text</p>
</div>

http://jsfiddle.net/v1v4jaas/

この場合、重要でない場合、テキストは右揃えになります。important を指定すると、2 番目の段落が中央に配置されます。

クラスはidなどに対して優先度が低いだけです。

于 2015-01-20T10:10:52.157 に答える