[CSS]クラス名に空白を含むとどういう意味?

この記事は約1分で読めます。

 次のようにクラス名に空白が含まれるものがあります。
これはクラス名 abc と def の2つを持つという意味になります。

class="abc def"

 このクラスにスタイルを設定するときは次のように.(ピリオド)に続けたクラス名を2つ空白を入れずに併記します。
クラス名 abc と def の両方を持つばあいの設定を指定しますという意味です。

.abc.def {
   設定: 値;
}

 ちなみに2つのクラス名の間に空白を挟むと、左側のクラス名のなかにある右側のクラス名の部分という意味になります。

タイトルとURLをコピーしました