CSS modulesを使ってCSSで名前空間を実現する - Qiita

CSSは、勉強してないのをごまかすためにイキって強がる人の風評被害を受けやすく、実際よりも低く評価されてしまうことがよくあります。 でも現代のCSSは意外に良いものですし、依然として残る課題に対しても「名前空間がないからCSSマジつかえねぇわ〜」と知ったかぶりして書かない理由を探すのではなく、やはり生産的に解決したいものです。 そこで、この記事ではCSS modulesを使って お手軽に CSSに名前空間を擬似的に導入します。 また、ParcelでCSS modulesを使う時に遭遇するバグの回避方法もあわせてお見せします。 CSSに名前空間がないことで起きる問題 CSSには名前空間がないため、たとえばこれからご紹介する例のように複数のCSSファイルを読み込んだ際に意図せぬ見た目になってしまうことがあります。 まず、以下の yagi.css だけを読み込んでみましょう。 .yagi { w

[demAge]

ヤギの人だ！ｷｬｯｷｬｯ