複数のセレクターにスペースが含まれるかどうかの CSS の違い
CSS の複数のセレクターにスペースが含まれる場合と含まれない場合には、次の意味が区別されます:
#header.callout { }#header .callout { }
最初のものは、ID がヘッダーであることを示します。同時に、クラス名コールアウトを持つセレクター
2 番目のものは、ヘッダーの ID を持つ子ノードにクラス名コールアウト
次の例を使用して表示します:
#header.callout { }<div id="header" class="callout"></div>
#header .callout { }<div id="header" class="callout"> <div class="callout"> </div></div>
#header .callout { } 選択したのは、クラス名が callout の子 div です。
著作権声明: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。