Firefoxでユーザースタイルシートを適用する

Firefoxでユーザースタイルを適用する方法です。

「Stylus」というアドオンを使った方法です。

又は、ブラウザ画面右上の「☰」ボタン → 「アドオンとテーマ」の順にクリックし、出たページ内の検索窓で「Stylus」を検索して、Stylusのページを開いても良いです。

「Firefoxへを追加」をクリックします。

確認が出るので、「追加」をクリックします。

しばらく待つと、追加された旨のポップアップが出るので、「OK」をクリックしてポップアップを閉じます。

ブラウザ画面の右上に追加された、「S」のようなボタンをクリックします。

「管理」をクリックします。

左の欄で、「新スタイルを作成」をクリックします。

左の欄で、任意の名前を入力します。（「全サイト用」「Yahoo用」「Yahooトップページ用」等。）

右の欄の大きな入力欄に、目的のスタイル（CSS）を記述します。
（右の欄を選択出来ない場合は、一度その設定のタブを閉じて、開き直してください。）

又、値の最後に「 !important」を付けると、そのスタイルが適用されやすくなります。例えば、以下のような感じです。

* { font-weight: bold !important; }

* {
font-weight: bold !important;
}

記述したら、左の欄の「保存」をクリックします。

特定のサイトやURLだけにスタイルを適用したい場合は、スタイルを記述する欄の下にある「+」を押し、以下のように設定します。

「https://example.com/aaa.html」というURLのみを指定する場合: 「URL」「https://example.com/aaa.html」
「https://example.com/」が頭に付くURLを指定する場合: 「次で始まる URL」「https://example.com/」
「example.com」ドメインの全サイトを指定する場合（「aaa.example.com」等）: 「ドメイン上の URL」「example.com」
どこかに「aaa」を含むURLを指定する場合: 「正規表現に一致する URL」「.*aaa.*」
「aaa」で終わるURLを指定する場合: 「正規表現に一致する URL」「.*aaa」

URLの条件は、右端の「+」で追加、「-」で削除出来ます。

又、ブラウザ画面右上のStylusのアイコンをクリックして、「次のスタイルを書く:」の下のURLの対象部分をクリックしても、そのURLに限定したスタイルを書くことが出来ます。

スタイルの反映は、左の欄の「有効」と「自動プレビュー」にチェックが入っていれば、スタイルを記述した時点でリアルタイムに行われます。念の為に「保存」をクリックしても良いでしょう。

目的のWEBページを開き、正しくスタイルが適用された事が確認出来たら、左の欄の「保存」をクリックし、設定画面のタブを閉じます。

ブラウザ画面の右上のStylusのアイコン（「S」のアイコン）
→ 「管理」
→ 右の欄のスタイル名
の順にクリックします。

ブラウザ画面の右上のStylusのアイコン（「S」のアイコン）
→ 「管理」
→ 右の欄のスタイル名の右の方にある「×」
→ 「削除」
の順にクリックします。

以上です。不明な点、間違い、より良い方法等がある場合はこちらからご連絡頂けると有難いです。