将 CSS 类添加到 Google DoubleClick For Publishers 广告

Question

正如标题所示，我目前正在寻找一种方法，将 CSS 类添加到 Google 的 DoubleClick For Publishers 提供的网站上的广告 div 中。

我的网站上有一个侧边栏，其中包含我的广告，我希望以 10 像素的边距分隔每个广告的方式显示该广告。

我有一个解决方法，通过定位样式表中的每个 google div 并将 margin-top 设置为 10px。所以：

#google_ads_div_MySite_Home_MPU1_300x250_ad_container, #google_ads_div_MySite_SiteWide_LargeButton1_300x100, #google_ads_div_MCV_SiteWide_LargeButton2_300x100{margin-top:10px;}

然而，这非常混乱，需要仔细检查样式表以检查每个广告是否已定义。对于大型网站来说，这可能是一场噩梦。

有人可以帮忙吗？

Answer 1

不要使用 css 修改广告 div 的 id，而是将 CSS 应用于广告容器的子级。

您的 html 可能看起来

<div>
    <div id="google_ads_div_MySite_Home_MPU1_300x250_ad_container">some ad</div>
    <div id="google_ads_div_MCV_SiteWide_LargeButton2_300x100">some other ad</div>
</div>

只是将其更改为

<div class="ad_container>
    <div id="google_ads_div_MySite_Home_MPU1_300x250_ad_container">some ad</div>
    <div id="google_ads_div_MCV_SiteWide_LargeButton2_300x100">some other ad</div>
</div>

css ：

.ad_container div {margin-top:10px}