3

我有一个 twitter 小部件，它被加载到我页面的页脚中。问题是它在所有地方都使用 !important 属性。而且因为我的样式表都加载到了头部，小部件的样式表会自动覆盖我的任何样式表。

我真的必须在小部件下方的文档页脚中放置几个​​单独的样式来强制执行此操作。还是有更语义化的方法？

4

2 回答 2

2

我会看看是否有办法让你的 CSS比 twitter 中使用的选择器更具体。具体规则将确保您的!important样式覆盖 twitter!important样式。

否则，作为最后的手段，如果!important仅在 Twitter CSS 中的类上使用，那么您可以将 an 分配id给任何被覆盖的内容，以确保您的选择器更具体。

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

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

所以使用上面的代码，链接会变成蓝色。

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

于 2012-01-23T12:34:12.803 回答
1 
<div id="myWrapper">
     <div id="theDefaultId">
       ....
     </div>
</div>

你可以使用#myWrapper #theDefaultId { anything: value !important; }

theDefaultId是 twitter 小部件使用#myWrapper的 id，是我们定义的 id。

这应该有效。

于 2012-01-23T12:17:13.747 回答