Firefoxでスタイリッシュなコードをページやドメイン固有にするのに問題はありますか？

Question

このスタイリッシュなコードをFirefoxのドメインplus.google.comにのみ適用するにはどうすればよいですか？

Chromeでは、スタイリッシュ拡張機能を使用すると、スタイルを適用するドメインを指定できますが、Firefoxのスタイリッシュな拡張機能では、拡張機能の一部として指定することはできません。

に記載されているように@-moz-documentのルールを使用しようとしましたが、動作していないようです。

ここで私が使用したコードだ - それは（私の試みにもかかわらず）でplus.google.comドメインに固有のない：

@-moz-document url-prefix(https://plus.google.com), 
      domain(plus.google.com) 
{ 
#contentPane > div { 
text-align: center !important; 
} 

... ... 

} 

が助けてください？

Answer 1

EDIT：多分あなたは名前空間を追加する必要がありますか？

@namespace url(http://www.w3.org/1999/xhtml); 
@-moz-document domain('example.com') 
{ 

} 

Answer 2

私は同じ問題を抱えていました。括弧で囲んだ構文エラーでした。スタイリッシュなエディタで「プレビュー」ボタンをクリックすると、エラーがあるかどうかがわかります。 HTH。

Answer 3

Reddit.comのデフォルトサムサイズを70pxから140pxに増やすには、FirefoxでStylishを使用します。

トップラインはFirefoxに特定のウェブサイトにルールを設定するよう指示します。

注：スクリプトの最後に{最初の行の最後に}を追加することを忘れないでください。

@-moz-document domain("reddit.com") { 
.thumbnail { 
    width:auto; 
    min-height:70px; 
    max-height:none !important;} 
.thumbnail img { 
    width:140px; 
    height:auto; 
    border-radius: 0;} 
a.thumbnail { 
    width:auto; 
    min-height:70px;} 
a.thumbnail img{ 
    border-radius: 0;} 
}