CSS 优先级和 Wordpress

Question

所以，我一直在尝试以视觉方式整合我的 Wordpress site和 PunBB 论坛过去几天，我已经用 CSS 碰壁了。目前，我的论坛夹在 Wordpress 的页眉和页脚之间，但 Wordpress 的 CSS 样式表似乎与 PunBB 的样式表以一种意想不到的方式发生冲突。

根据在 Stack Overflow 上找到的建议，我继续并利用了论坛中的所有内容都在 <div id="mid-inner"> 范围内这一事实。并添加了 #mid-inner对于论坛样式表中的每个 CSS 规则，给出:

...
#mid-inner body {
    background:url(../bg.png) repeat-x #6a0a0a;/*#213f53;*/
    color: #222;
}
#mid-inner a:focus {
    outline: 0;
}
#mid-inner a:link,
#mid-inner a:visited,
#mid-inner .js_link {
    color: #387ca6;
    text-decoration: none;
}
#mid-inner a:hover,
#mid-inner a:active,
#mid-inner a:focus {
    color: #CD0021;
    text-decoration: underline;
}
...

然而，这并不是很好；出于某种原因，Wordpress 主题坚持要覆盖 PunBB 主题的 CSS，我不知道我错过了什么——不过可能与优先级有关。这是 Wordpress 主题、PunBB 主题和困惑的混合主题的快速相册:Imgur link .无论如何，我确定我忘记了什么，但是 Wordpress Stack Exchange 已经提供了很多帮助。如果我需要添加更多信息，请告诉我，在此先感谢!

Answer 1

参见 the rules for cascading (特别是关于 specificity 的部分)，确保你的 CSS 是 valid并使用浏览器提供的工具(Chome Developer Tools、Firefox 的 Firebug 扩展等)查看哪些规则以何种顺序应用于您关心的元素。