オーバーライド！重要なプロパティは、フッターのウィジェットスタイルシートで使用されます

Question

私は私のページのフッターにロードされているツイッターウィジェットを持っています。問題は、場所全体に重要なプロパティを使用するということです。私のスタイルシートはすべて頭にロードされるので、ウィジェットのスタイルシートは自動的にいずれかのものを上書きします。

実際には、ウィジェットの下にあるドキュメントのフッターに2つの別々のスタイルを入れて、これを強制する必要がありますか。それとも意味論的な方法がありますか？

Answer 1

あなたのCSSをtwitterで使用されているセレクタよりももっとspecificにする方法があるかどうかを確認します。特異性のルールにより、!importantのスタイルがtwitterの!importantスタイルよりも優先されます。

最後に、!importantがTwitter CSSのクラスでのみ使用されている場合は、セレクタがより具体的になるようにオーバーライドされたものにidを割り当てることができます。

/* your style */ 
#anti_twitter a.link { 
    color: blue !important; 
} 

/* twitter style */ 
a.link { 
    color: red !important; 
} 

したがって、上記のコードを使用すると、リンクが青色で表示されます。

JSFiddle：http://jsfiddle.net/9T9uk/

Answer 2

<div id="myWrapper"> 
    <div id="theDefaultId"> 
     .... 
    </div> 
</div> 

、あなたが#myWrapper #theDefaultId { anything: value !important; }

theDefaultId使用することができますがTwitterウィジェットを使用し、#myWrapperたちによって定義されたIDですIDです。

これは動作するはずです。