Sifr3 - CSSセレクタを親セレクタで上書きすることはできますか？

親セレクタを選択して既に定義されている設定を上書きしたいのですが、どうすればよいかわかりません。言って、次のようなウェブサイト上の2ページ...Sifr3 - CSSセレクタを親セレクタで上書きすることはできますか？

-Home PAGE-
<body><h1 class="sifr">Home</h1></body>

-About PAGE-
<body class="about"><h1 class="sifr">About</h1></body>

が、その後がある、私はsirf-でこれらを持っていますconfig.jsの...

sIFR.replace（フォント名、{ セレクタ 'h1.sifr' CSS： '.sIFRルート{色：＃666666;フォントサイズ：29px;} }）;

sIFR.replace（フォント名、{ セレクタ 'body.about h1.sifr' CSS： '.sIFRルート{色：#FFFFFF;フォントサイズ：29px;}' }）。

でも動作しません...

誰かが私に感謝します。

出典

2009-08-23 Takashi Irie

回答ありがとうございますが、これはsifr-config.jsの特定の質問です。私はCSSだけでは簡単だが、sifrを使って簡単にできることは分かっている。明らかにそうではない。私はまだこれを達成するために苦労しています、誰かを助けてください！おそらくJavaScriptにもタグをつけていたはずです。 –

body.about h1.sifrの置換えをh1.sifrの前に実行してください。 sIFRは特異性を計算するのではなく、順序通りに置換を実行する。を置き換えると、そのような要素がすべて置き換えられます。したがって、body.about h1.sifrは、既に置き換えられた要素のみを検索します。

出典

2009-08-25 08:03:43

ありがとうございました。あなたはスターです！私はこれについて知りませんでしたが、今私はsifrがますます好きです！ –

私はSifrを使用していない...置き換えるコマンドを発行対

出典

2009-08-23 21:44:00

をため、あなたのロードCSSをチェックし、私はそれが動作正確にどのように知りません。それがない場合は、2番目のラインのためのセレクタはセレクタよりも具体的であるよう

h1.sifr { color: #666666; font-size: 29px; } 
body.about h1.sifr { color: #FFFFFF; font-size: 29px; }

が、それは、およそページの見出しの色のスタイルをオーバーライドします：私は、コードは次のようなCSSコードを作成することを前提としてい最初の行

特異性についての詳細はhereです。

これはうまくいかない場合は、あなたのコードに何か考えられているように見えないものがあり、あなたのコードの他の部分に表示されていないものがある可能性がありますここで問題を引き起こしています。

FirebugプラグインをFirefoxで使用すると、ページ内の要素を調べて、どの要素が各要素に影響しているかを正確に確認できます。

出典

2009-08-23 22:34:36 Guffa

Sifr3 - CSSセレクタを親セレクタで上書きすることはできますか？

答えて

関連する問題