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

Question

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

我在网站上有一个包含我的广告的侧边栏，我希望以这样的方式显示每个广告的10px边距。

我通过在样式表中定位每个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}