0

所以，在过去的几天里，我一直在尝试将我的Wordpress 网站和 PunBB 论坛进行可视化整合，但我在 CSS 上遇到了麻烦。目前，我将论坛夹在 Wordpress 的页眉和页脚之间，但 Wordpress 的 CSS 样式表似乎与 PunBB 的表单以一种意想不到的方式发生冲突。

根据 Stack Overflow 上的建议，我继续利用论坛中的所有内容都属于 a 的事实，<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 链接。无论如何，我确定我忘记了一些东西，但是 Wordpress Stack Exchange 已经提供了很多帮助。如果我需要添加更多信息，请告诉我，并提前致谢！

4

1 回答 1

1

查看级联规则（特别是关于特异性的部分），确保您的 CSS有效并使用浏览器提供的工具（Chome 开发人员工具、Firefox 的 Firebug 扩展等）查看哪些规则正在应用于元素你关心的顺序。

于 2012-07-16T06:04:07.137 回答