FirefoxのStylish について

Question

現在いくつかのサイト閲覧時の表示レイアウトを変更するために Stylish にて自作の定義を作っているのですがｃｓｓを理解していないこともあり(基本的に全く理解してません）どうしても自己解決ができずに悩んでいる点がありますもしわかる人がいたらどんな書き方すれば対処できるのかを教えてください（もしくはどう頑張っても対処不可のものがある？）使っているアドオンとしては他に FireDebug　と Adblock Plus(以降Adblock表記) がありとりあえず現状は合わせ技で対処してますが可能であれば現在　Adblock にて非表示にしている部分を　Stylish 管理にしたいと思っています内容 Firedebugにて htmlの項目として以下の定義がなされている部分を height 0 もしくは非表示に変更したい(そのスペースを詰めたい）

（データ的には該当領域には広告画像が表示されます）・Firedebug上からのスタイル変更はできています(確認にしかならない）・AdBlock にて以下の定義で非表示にすると対応はできていますサイト名##LI[style="float:left;width:728px;margin-left:8px;height:110px;"] 　　↑ の事から height 0 でも非表示でもどちらでもできればいいと考えていますですがこれをStylish側で対処させようとしてもうまくいきません試したこと１．Firedebug にて標準の element.style ｛ height が効いているようだったので　　そのままそれをコピーしてheight:0 !important; を追加　　（他のサイトでそのような書き方で変わるところもありました）２．他のパターンでできている #や.の定義と同様にしてdisplay: none !important; を追加３．FireDebug で階層を開いていくと

ORUKA1951 · Accepted Answer

firebugですね。はにすいしいこなきなんて知らない。 HTML/CSSが両方見れている状況で、スタイルシート側の余白を右クリックして「新しいスタイル」にして、隠したい要素を指定してdisplay:none;でよい。 li[style=”float:left;width:728px;margin-left:8px;height:110px;"]{display:none;} とか、それがdiv.header内にあれば div.header ol li{display:none;} !important 　は最重要宣言になってしまう。カスケーディング上特殊な扱い。 CSSは、カスケーディングスタイルシートと銘打つくらい 5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html ) 6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html ) 　の二つを知らないと、まったく利用できない。＞

ORUKA1951 · Answer

firebugの名前が出ていたので、質問を誤解していたかも。　あくまであなたが特定のサイトの表示を変更したいということとしたら、firefoxの場合はuserContent.cssの編集になります。＞li[style="float:left;width:728px;margin-left:8px;height:110px;"] {display:none;} では消えませんでした　回答そのまま貼り付けは構文エラーになりました＞ ★W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input ) 　で調べたら分かるように構文エラーはありません。他の原因でしょう。＞.jhasvdjhas {display:none !important} 　詳細度が[0,0,1,0]ですね。 li[style="float:left;width:728px;margin-left:8px;height:110px;"] 　だと、詳細度は[0,0,1,1]です。　当然ですが、それ以上詳細度の高い設定が他にあれば、上書きでません。たとえば、　

[HTML5] 　
　　
　　　
　　　　
1. 　というDOMでしたら div.header div.nav ol li:first-child{ /* 詳細度[0,0,3,4] */ header nav ol li:first-child{ /* 詳細度[0,0,1,4] */ 　それで効かなければ div.header div.globalNavi ol li:first-child{ /* 詳細度[0,1,3,4] */ header nav#globalNavi ol li:first-child{ /* 詳細度[0,1,1,4] */ 　とする。　著者の重要宣言は、他の場所での通常宣言を上書きするための機構ですが、詳細度の差を越えて上書きしてしまうため、注意しないとならなくなります。 [例] div.header p{color:red;/* 文書のヘッダ(クラスセレクタ)内のp要素は赤 [0,0,1,1] */ p{ color:blue;} /* p要素(タイプセレクタ)は青[0,0,0,1] */ 　これだと、ふたつの指定が離れていても、とても分かりやすい。 div.header p{color:red;/* 文書のヘッダ(クラスセレクタ)内のp要素は赤 [0,0,1,1] */ p{ color:blue !important;} /* p要素(タイプセレクタ)は青[0,0,0,1] */ 　この場合、ふたつの設定が離れていると分かりづらくなる。 ★stylishで、ユーザー用スタイルシートを作成する場合は、御指摘のように、ユーザースタイルシートに!importantを付けて、サイト側の指定を上書きする必要があります。　⇒6.4.1 カスケード処理の順序( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html#cascading-order ) 　サイト別に指定する場合は　⇒ユーザスタイルシートによるカスタマイズ(1) - えむもじら( http://level.s69.xrea.com/mozilla/index.cgi?id=20070114_sdfx2_2#toc-site-style ) @-moz-document url-prefix(http://oshiete.goo.ne.jp/){ 　　body { background-color: #ddf !important; } }

FirefoxのStylish について

firebugですね。

firebugの名前が出ていたので、質問を誤解していたかも。

この回答への補足

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング