Webブラウザで特定のサイトの外観に特定の変更を加えたい。このサイトではCSSを使用しているため、ユーザーCSSオーバーライドを作成する必要があります（これが間違っている場合は修正してください）。
私のブラウザは、Firefox（で何かを書くべきだと思うchrome/userContent.css）とChrome（User\ StyleSheets/Custom.css）です。
具体的に変更したいのは、/unix//のすべてのページで背景パターン（暗いドット）を削除することです。しかし、より一般的には、釣りの方法を教えてください：どのパラメータを変更するかをどのように見つけ、どのようにこの変更をユーザーのCSSに書き込むのですか？
回答:
私のメインのブラウザであるFirefoxに精通していることしか話せません。あなたの「魚を教えて」というリクエストを満たすために、ここでは一般的なことをしようとします。そのために、2つの例を紹介します。あなたの例と、より現実的なレッスンが含まれる例です。最初に、ユーザーCSSの作成を容易にするツールを入手します。
それでは、実際に何かを書きます。先に進む前に、HTMLとCSSの基本的な知識が必要です。W3Schoolsには、HTMLとCSSの基本構造と構文を理解するための適切なチュートリアルが用意されています。この回答のために、この例を完成させるのに十分な初心者を支援するのに十分な情報を含めます。
次に、Stylishを使用します。Stylishを使用しない代替手段は、回答に投稿したファイルを編集することです。スタイリッシュなため、多くのサイトのユーザーCSSを簡単に管理できます。StylishはFirefoxウィンドウに小さなアイコンを追加し、クリックして「新しいスタイルを作成」->「（このサイト）.comの場合」に進みます。スタイルに名前とオプションのタグを指定します。このスタイルをSuperuser.comやStackexchange.comなどに適用されるスタイルとして区別するために、このウィンドウでは、このドメインだけでCSSを変更できるテンプレートが提供されます。特定のURLのCSSを変更する必要がある場合すべてのサイトに適用するCSSを作成する場合は、スタイリッシュなメニューから適切なエントリを選択するだけで、空白のスタイルを取得することもできます。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
}@ -moz-documentブロックに入れられたものはすべて、括弧内のドメインにのみ適用されます。上記の太字の項目を参照してください。回答のパディングを変更するには、テキストボックスを次のように更新します。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("superuser.com") {
.answer {
padding-bottom:0px;
padding-top:0px;
}
}CSSを知らない人のために、このダウンを破るために、私たちが最初に選択しているクラスを（エルゴAは、「」開始時になります。私たちはIDによって選択された場合、私たちは『＃』そこを置くところ。）答え（つまり「答え」）。次に、中括弧でブロックを開き、変更する選択アイテムのプロパティをリストします。最初にpadding-bottomを変更し、それを0ピクセルに設定しています。次に、padding-topに対して同じことを行います。各プロパティと値はセミコロンで終わります。次に、中括弧でブロックを閉じます。（Unixの例では、次のようにします。
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none;
}
}ここでは、unix.stackexchange.comドメインで作業しています。「body」要素を選択しています（HTML要素を選択する場合もCSSセレクターであり、ここでは#sや.sは不要です）。背景をなしに設定しています。）
CSSには、ユーザーCSS、作成者CSS、ブラウザーCSSの処理方法を決定するための特定の優先順位があります。通常、ページの作成者によって作成されたページ用のCSSがあり、そのページ上の多くの要素のルールが含まれます。ルールが作成者によって定義されていないが、ユーザーCSSにある場合、ブラウザーはそれを使用します。どちらにもその要素に対してCSSが定義されていない場合、ブラウザはその要素に対して独自のデフォルトCSSルールを使用します。そのため、ここには重みの階層があります（作成者>ユーザー>ブラウザー）。3つすべてで何かが定義されている場合、より重いCSSが勝ち、CSSが有効になります。軽量のCSSを使用して、重量の高いCSSをオーバーライドする方法があります。それは、それらを重要に指定することです。これを行うには、「！important」を含めます
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("unix.stackexchange.com") {
body {
background:none !important;
}
}[プレビュー]をもう一度クリックすると、ユーザーCSSが機能することがわかります。[保存してお楽しみください]をクリックします。
Chromeを使用している場合、組み込みのインスペクターは既に非常に優れています。また、スタイリッシュな拡張機能もあります。CSSの変更を入力する方法は少し異なります。[インストールされたスタイルの管理]を選択し、[新しいスタイルの作成]をクリックし、サイトまたはURLパターンを入力してコードボックスの下に投稿を適用し、[ドメイン固有のCSSのみを入力して、コード」ボックス、たとえば
body {
background:none !important;
}