Emailerフォントの色とサイズの問題

Question

購読したユーザーに転送された週刊ダイジェストのhtmlマークアップを作成しました。 私の問題は私が側にテンプレートをリンクを入れて、それはGmailやHotmailのため正常に動作しているが、私はヤフーでチェックインしたときのリンクの色とフォントサイズがここ 適切ではありませんが、私のHTMLマークアップで

<a style="font-size:11px;list-style-type: none;margin-left: 0;color:#4A9BA2;text-decoration: none" href="#">Text</a> 

ですこれも試してみましたが、yahooでもうまくいきませんでした。

.yshortcuts { 
     border-bottom: none !important; 
     color:#4A9BA2 !important; 
     font-size: 11px !important; 
     text-decoration: none !important; 
     } 

     .yshortcuts a span { border-bottom: none !important; 
     color:#4A9BA2 !important; 
     font-size: 11px !important; 
     text-decoration: none !important; } 

これは、yahooがサイドでスパンタグを追加した後に、この方法で独自のCSSを適用したためです。

<a style="font-size:11px;list-style-type: none;margin-left: 0;color:#4A9BA2;text-decoration: none" href="#"><span id="lw_1294820231_7" class="yshortcuts">Text</span></a> 

私はこの問題を積み重ねています。

Answer 1

CSSの優先ルールを利用することができます。優先するCSSセレクタはa span.yshortcutsです。このセレクタを使用すると、Yahoo CSSで定義されている色を上書きできるはずです。

a span.yshortcuts { 
    color:#4A9BA2 !important; 
    font-size:11px !important; 
} 

これは、より高い優先順位を持ち、CSSインタープリタによって使用されるべきです。