css - [class ="classname"] 优于 .classname 的电子邮件的好处

Question

为什么按属性选择类 [class="classname"] 代替按类选择 .classname ？在考虑跨电子邮件客户端兼容的电子邮件时，这样做有什么好处吗？

编辑:我完全了解每个选择器是如何工作的，但是，我试图弄清楚是否有理由出于兼容性原因(特别是在类属性的情况下)使用属性选择而不是类选择由一类组成)由于 css 和电子邮件客户端的问题。在查看一个响应式电子邮件模板后出现了这个问题，该模板明确使用按属性选择类而不是按类选择。

例如

.red-text { color: red }
[class="red-text"] { color: red }


<td class="red-text">This text is red</td>

Answer 1

它们不等价。

[class="a"]将匹配 <div class="a"> , 但不是 <div class="a b"> .

.a将同时匹配 <div class="a">和 <div class="a b"> .

例如:

div.green {
    color: #0f0;
}

div[class="red"] {
    color: #f00
}

<div class="green"> green </div>
<div class="green bold"> green with other classes </div>

 --

<div class="red"> red </div>
<div class="red bold"> red with other classes &lt;-- I'm broken </div>