0

なぜ人々はCSSでこれを行うのですか:

#section #content h1
{
   margin:0;
}

彼らができるとき:

#content h1
{
   margin:0;
}

次のようなコードの場合:

<div id="section">
    <div id="content">

    </div>
</div>

同じ結果が得られます(少なくともIE7では-残念ながら私のターゲットブラウザーです)。コードの特異性のためだけですか?あなたが参照しているものを宣言するためのコードの明快さ?

4

6 に答える 6

-1

不要なセクションを選択しないように、複数のセレクターを使用します。

たとえば、ユースケースを取り上げると、セクションとコンテンツ div から少し大きいものに拡張する必要があります。

<div class="wrapper">
    <div class="header">
        <div class="content">
        </div>
    </div>
    <div class="section>
        <div class="content">
        </div>
    </div>
</div>

ここで、具体性を追加しなくても、ページのすべてのコンテンツ セクションですべての H1 タグを取得できますが、おそらくそうしたくないでしょう。

小さなファイルで具体的でないことは問題ではありませんが、何百もの可能性のある CSS 相互作用に到達し始めると、CSS で行っていることを非常に具体的にすることで、大きな頭痛の種を救うことができます。

于 2013-07-18T19:29:09.893 に答える