2011-12-19 4 views
5

私は2ページ(基本検索と先行検索ページ)で使用したグローバルなCSSを作成しました。私は事前の検索ページでそれを使用し、CSSスクリプトはうまく動作しています。しかし、基本的な検索ページに移動すると(リンクをクリックして)、CSSは機能しません。私は火かき棒を使って何が起こるかを見て、その後、CSSスクリプトがストライクスルーであることを発見しました。 css strike-through どうすれば解決できますか?Firebug CSS strike-through

答えて

9

これは基本的に、CSSプロパティが別のCSSによって上書きされていることを意味します。

このプロパティが定義されている場所を確認し、ウェブページにCSSインクルードの順序を修正する必要があります。

+0

あなたは 'input.range'が別のCSSで使用されていることを意味しますか? – Praditha

+2

おそらく、クラスやIDのような同じ入力と一致する別のセレクタ。あなたが定義したプロパティは「幅」です。ファイヤーバグウィンドウを見ると、そのすぐ上に180pxの「幅」プロパティが定義されています。あなたはどこから来ているのか把握することができます。 – pcalcao

+0

あなたの手がかりに感謝します。今はうまくいきます。私は 'input.range'ルールを上回るルールを無効にしました。ありがとう:) – Praditha

10

ここからCSSを上書きする場合は、あなたのCSSに!importantを設定するだけです。 input.range{ width:73px !important}

よう

は、それはあなたを助けることを願っています。

+0

私は理解できません、私はあなたの指示に従っています、私は 'input.range { \t width:73px important! } 'それでも動作しません:( – Praditha

+3

'重要! '重要ではありません。 –

+0

ああ!はい、申し訳ありませんが、重要です。 – Jak

0

width: 73px;のルールが上書きされます。ご覧のとおり、input.rangeはcramp.cssで定義されています。あなたの上にはそれを上書きするルールがあります。