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

duc*_*cin 83 css css-selectors

我找到响应式电子邮件模板的示例,其中有这样的CSS选择器,如下所示:

a[class="btn"]
Run Code Online (Sandbox Code Playgroud)

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

a.btn
Run Code Online (Sandbox Code Playgroud)

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

Eri*_*ric 138

[]语法是属性选择.

a[class="btn"]
Run Code Online (Sandbox Code Playgroud)

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

您可能想要阅读必须记住的30个CSS选择器.对于任何崭露头角的Web开发人员来说,这都是非常宝贵的.

  • @tkoomzaaskz正确. (2认同)