为什么使用属性选择器来匹配类？

Question

我找到了an example响应式电子邮件模板，其中包含以下CSS选择器：

a[class="btn"]

为什么使用这种语法，如果它与：

完全相同

a.btn

它对移动浏览器或其他任何内容有影响吗？

Answer 1

[]语法为attribute selector。

a[class="btn"]

这将选择<a>个class="btn"标记。但是，它将不选择<a>，例如class="btn btn_red"（而a.btn会）。只有完全匹配该属性。

您可能需要阅读The 30 CSS Selectors you Must Memorize。对于任何崭露头角的Web开发人员来说，它都是非常宝贵的。

Answer 2

这与Yahoo Mail的攻击有关：https://www.campaignmonitor.com/blog/email-marketing/2011/04/media-query-issues-in-yahoo-mail-mobile-email/