フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

正規表現でHTML要素を別の要素に置換する

.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で複数のセレクタ名を並べる時の記述で間違えやすいこと

[紹介元] HTMLタグが付けられた新着投稿 – Qiita 正規表現でHTML要素を別の要素に置換する

コメント

記事に戻る

コメントを残す