GoogleのDoubleClick For Publishers広告にCSSクラスを追加

Question

タイトルが示すように、私は現在、GoogleのDoubleClick For Publishersが提供する自分のサイトの広告部門にCSSクラスを追加する方法を模索しています。

サイトに、広告を含むサイドバーがあり、広告ごとに10ピクセルの余白があるように表示したいと考えています。

私は、スタイルシートのすべてのGoogle divをターゲットに設定し、余白を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

広告divのIDをCSSで変更する代わりに、広告のコンテナの子にCSSを適用します。

.ad_container div {margin-top:10px} 

：

あなたのHTMLはおそらくちょうど

<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のように変更し

<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> 

のように見えます