1
私はイベントに私を招待する年次行動計画からのメールを受け取ります。彼らのニュースレターには何か非常に奇妙なものがあります。すべてのボタンとテキストの一部には、CSSのホバー効果があります。マウスを動かすと、色が変わります。Gmailメールはどのようにホバー効果を許可していますか？
私の理解から、GmailはHTML電子メール文書の<head>部分に追加されたものをすべて削除しました。 Inspect Elementで、ホバリング効果のスタイルが<head>部分からロードされていることがわかりました。
div.m1577254c07a8a7f6 * [lang=x-cta]:hover {
background-color: #c7dd40!important;
}
div.m1577254c07a8a7f6 * [lang=x-cta]:hover {
background-color: #c7dd40!important;
}
を次のように<head>で<style>内部
<table width="250" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:0 auto;border-radius:4px" bgcolor="#C012C9" lang="x-cta">
<tbody
<tr>
<td height="52" valign="middle" align="center" style="vertical-align:middle;font-size:18px;text-align:center;font-family:Arial,Helvetica,sans-serif,'Work Sans';font-weight:bold;letter-spacing:.08em"><a href="http://mkto-ab090038.com/x0F0000k1j507RJ0SR5jXVG" style="text-decoration:none;color:#fffffe" target="_blank" data-saferedirecturl="https://www.google.com/url?hl=en&q=http://mkto-ab090038.com/x0F0000k1j507RJ0SR5jXVG&source=gmail&ust=1475210579576000&usg=AFQjCNHzAxSjelTbM4Ko3G9gP-viljOzOw"><img src="https://ci4.googleusercontent.com/proxy/w_W_24g8lpz0y_rVlaX7m8vTQNv1CXL00edUPLYMHSwY8oEtD7ns-a-IWxZsBcjHrrFffonr-da-qa-_vITS05DwmYTE_IIv-Q7Yv_3TyoMmH8fNTqnTIKUFS0hyMCD5dcH2JQVnr6VpmkrOH5tgMTI3YeRG=s0-d-e1-ft#https://assets.bounceexchange.com/assets/uploads/users/700/38798606b59c4fe750c8af1b3c0e0461.png" style="display:block;margin:0 auto;border:0;white-space:pre-wrap;text-align:center" alt="LOOK INSIDE" class="CToWUd"></a>
</td>
</tr>
</tbody>
</table>
CSSは、彼らがこれをacheiveすることができますどのようにある -
これはDOMのですか？
