こんにちは、さち です。
先日、Firefox の拡張機能（アドオン）「Stylus」を使って ユーザーCSS を編集していたんですが、ひとつ困ったことがありました。
配布サイトからダウンロードした ユーザーCSS で、セクションを追加したいのにできないのです。
どうして……？
自作でないとセクションを追加できない？
- 配布サイトからダウンロードしたユーザーCSSを編集します。
- 「セクション」を追加したいのですが、それっぽい機能がありません。
- 自作した ユーザーCSS にはある「他のセクションを追加」ボタンが、ダウンロードした ユーザーCSS にはないんですよね。
解決方法
- 配布サイトからダウンロードしたユーザーCSSの編集画面を開きます。
- 最後のセクションの最終行に
@-moz-document url() {}と追記します。（画面は分かりやすいように加工済みです）
- すると、セクションが追加されました。
- URL の一致条件を選びます。今回は、「次で始まる URL」にします。
- 適用する URL を入力します。
- あとは、普通に CSS を書いていきましょう。
コメント