CSSにNamespaceを追加できる便利アプリ『Lightning Namespacer』を試してみました

Lightning NamespacerはHeroku上で公開されている便利アプリです。対象CSSのURLと追加したいNamespaceを指定してSubmitボタンをクリックすると追加後のCSSを取得することができます。

https://bootstrap-namespacer.herokuapp.com/

追加後のCSSがこちらです。

別の名前に変更するとこんな感じ。

これで他のページやコンポーネントのスタイルに干渉することのないCSSを簡単に用意することができると思います。