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 を Web ページに配置すると、ページの残りの部分の書式が台無しになります。これは単純な CSS の問題かもしれませんが、この CSS が適用される場所を制限するにはどうすればよいですか? フレームか何かの中に入れる必要がありますか？面倒くさそう…

ありがとう！

4

2 に答える 2

0

この問題のより簡単な解決策は、iFrame またはポップアップ ウィンドウを介して広告をプレビューするコードをロードすることです。これは、Facebook の CSS がサイトの CSS に干渉しないことを意味します。

于 2013-01-29T02:10:56.757 に答える
0

より高い css 特異性を持つ独自のセレクターを指定するだけです。これは、これを行う方法についての優れた記事です。

基本的に、これらすべてのセレクターには 1 つの要素名 (例: h1) しかないため、特異性は 1 ですbody。body h1、セレクターの特異性が高くなるため、Facebook CSS よりも優先されます。

于 2012-09-14T19:15:50.040 に答える