css - フッターのウィジェットスタイルシートで使用される！importantプロパティをオーバーライドする

Question

ページのフッターに読み込まれるTwitterウィジェットがあります。問題は、それが至る所で！importantプロパティを使用することです。そして、私のスタイルシートはすべて頭にロードされているので、ウィジェットのスタイルシートは自動的に私のスタイルシートを上書きします。

これを強制するには、ドキュメントのフッターのウィジェットの下にいくつかの個別のスタイルを配置する必要がありますか？それとももっとセマンティックな方法がありますか？

score 2 · Accepted Answer

ツイッターで使用されているセレクターよりもCSSをより具体的にする方法があるかどうかを確認します。特異性のルールは、あなたの!importantスタイルがツイッターのスタイルを上書きすることを保証します!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/

score 1 · Accepted Answer

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

そしてあなたは使うことができます#myWrapper #theDefaultId { anything: value !important; }

theDefaultIdTwitterウィジェットが使用するIDであり、#myWrapper私たちが定義したIDです。

これは機能するはずです。

2 に答える 2