[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">。

CCD_ 6将与CCD_ 7和CCD_。

例如：

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>

Answer 2

.classname将与此元素匹配，但[class="classname"]将不匹配。

<div class="foo classname other">
    hello world
</div>