0

如此处所述，您可以获取 CSS 文件，以与文档还描述的广告预览 HTML 一起使用。问题是css文件在下载时包含如下元素：

body{background:#fff;font-size:11px;font-family:'lucida grande',tahoma,verdana,arial,sans-serif;color:#333;line-height:1.28;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed}
h1, h2, h3, h4, h5, h6{font-size:13px;color:#333;margin:0;padding:0}
h1{font-size:14px}
h4, h5{font-size:11px}
p{margin:1em 0}
a{cursor:pointer;color:#3b5998;text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
td, td.label{font-size:11px;text-align:left}
dd{color:#000}
dt{color:#777}
ul{list-style-type:none;margin:0;padding:0}

因此，当我们将这个 CSS 放在网页上时，它会与页面其余部分的格式发生冲突。也许这是一个简单的 CSS 问题，但我如何限制这个 CSS 的应用？我必须把它放在框架内吗？好像很烦...

谢谢！

4

2 回答 2

0

只需指定您自己的具有更高 css 特异性的选择器。这是一篇关于如何做到这一点的优秀文章。

基本上，由于所有这些选择器只有一个元素名称（例如h1），因此它们的特异性为 1。即使您为所有自己的选择器都添加了前缀body，例如。body h1，您的选择器将具有更高的特异性，因此优先于 Facebook CSS。

于 2012-09-14T19:15:50.040 回答
0

解决这个问题的一个更简单的方法是通过 iFrame 或弹出窗口加载预览广告的代码，这意味着 Facebook 的 CSS 不会干扰您的网站。

于 2013-01-29T02:10:56.757 回答