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

Question

我发现了一个响应式电子邮件模板的示例，其中有这样的 CSS 选择器，例如：

a[class="btn"]

如果与以下语法完全相同，为什么要使用此语法：

a.btn

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

Answer 1

[]语法是一个属性选择器。

a[class="btn"]

这将选择任何<a>带有class="btn". 但是，它不会选择<a>which has class="btn btn_red"，例如（而a.btn会）。它仅与该属性完全匹配。

您可能想阅读您必须记住的 30 个 CSS 选择器。对于任何崭露头角的 Web 开发人员来说，它都是无价的。