css的'lang'选择器在gmail中不起作用

时间:2015-08-31 02:05:18

标签: html css gmail mailchimp lang

我正在使用* [lang~ = x-divbox]选择器来设计可在gmail(内容列表)中使用的新闻稿(mailchimp)

我在我的旧模板中找到了一个仍然有效的解决方案,但是当我在新模板中使用它时,它无效:这是我正在使用的代码和屏幕截图比较(它是相同的):

* [lang~=x-divbox]{
        /*@editable*/background-color:#939598;

    }
    * [lang~=x-divbox] h2{
        /*@editable*/color:#fffffe!important;
        /*@editable*/font-family:Arial;
    }
    * [lang~=x-divbox] ul{
        /*@editable*/margin:0 !important;
        /*@editable*/padding:0 !important;
        /*@editable*/font-family:Arial;
    }
    * [lang~=x-divbox] li{
        /*@editable*/margin:0 !important;
        /*@editable*/padding:0 !important;
        /*@editable*/list-style-type:none !important;
        /*@editable*/color:#fffffe !important;
    }
    * [lang~=x-divbox] a{
        /*@editable*/display:block !important;
        /*@editable*/padding:10px 0 !important;
        /*@editable*/color:#fffffe !important;
        /*@editable*/text-decoration:none;
        border-bottom:1px solid #fffffe !important;
    }

html部分:

     <tr>
<td><a name="top"></a></td></tr>     

在这个问题上......      | MC:TOC |

它不允许我在这里发布完整的代码:

enter image description here

这是它应该如何运作:

enter image description here

这就是它现在的样子:

enter image description here

我不知道我应该在看什么。

我所知道的就像google在一个案例中忽略了lang。

这是工作示例中的内容:

enter image description here

这就是它看不到的工作(没有提到选择器):

enter image description here

1 个答案:

答案 0 :(得分:0)

如果您使用样式中的@media查询,则Gmail会阻止整个CSS。尝试仅在单独的样式中包含您需要的[lang] CSS,它可能会有效。