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

我找到了 an example个响应式电子邮件模板,其中有这样的CSS选择器,如下所示：

a[class="btn"]

为什么使用这种语法如果它完全相同：

a.btn

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

[]语法是 attribute selector.

a[class="btn"]

这将选择任何< a>标签与class =“btn”.但是,它不会选择< a>.例如,具有class =“btn btn_red”(而a.btn会).它只与该属性完全匹配.

您可能希望阅读The 30 CSS Selectors you Must Memorize.这对任何崭露头角的Web开发人员都非常宝贵.