element [class =“name”]而不是.class

Question

我想知道为什么element[class="name"]似乎主要用于响应式电子邮件而不是通常的.class？

另外，除非我遗漏了某些内容，否则如果一个元素有多个类，例如。

<span class="class1 class2"></span>然后这些都不起作用：

element[class="class1"] { }
element[class="class2"] { }

..为什么会这样？

Answer 1

  

元素[类= “名称”]

这是属性等于选择器，它将选择具有精确值的元素。如果您有多个类，则不存在完全匹配，也不会选择。使用属性包含选择器或其他通配符选择器将获取该元素。以下包含选择器将获取具有class1作为属性类值的元素。它也将获得类名为class123的元素。

element[class*="class1"]

  

我想知道为什么元素[class =“name”]似乎主要用于   响应式电子邮件而不是通常的.class？

这article可能会谈到这一点。

正在使用属性选择器来避免出现异常故障 雅虎邮件，reference

  

事实证明，雅虎！ Mail忽略任何使用属性的样式   选择器，意味着您可以在@media查询中使用它们   确保雅虎！ Mail不会覆盖现有的内联样式   你的@media -defined。阅读更多here。