LoginSignup
3

More than 5 years have passed since last update.

CSSクラス指定ではまったこと 複数のクラスをまとめて指定するとき

Last updated at Posted at 2018-09-15

.hoge.fugaと.hoge .fugaはだいぶ違う
(半角スペースのあるなし)


<p class="hoge fuga"></p>

.hoge.fuga {
    // css code
}

<div class="hoge">
    <p class="fuga"></p>
</div>

.hoge .fuga {
    // css code
}

これのやっかいなところは、html上はclass名を半角スペースで区切って書くのにCSS上は区切らないところです。

参考サイト
My Vector Space 人生は寄り道してなんぼ
CSSで複数のセレクタ名を並べる時の記述で間違えやすいこと

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3