我找到了an example个响应性邮箱模板,其中包含如下CSS Select 器:

a[class="btn"]

如果此语法与以下内容完全相同,为什么要使用此语法:

a.btn

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

推荐答案

[]语法是attribute selector.

a[class="btn"]

这将 Select 具有class="btn"的任何<a>标记.然而,它将 Select 例如具有class="btn btn_red"<a>(而a.btn将 Select ).它只有exactly matches个属性.

你可能想读The 30 CSS Selectors you Must Memorize.这对任何一个后起之秀的网络开发者来说都是无价的.

Css相关问答推荐

如何使用基于嵌套子类的CSS邻近 Select 器?

CSS媒体查询不显示所需的输出

将特定样式应用于递归Angular 元素

动态覆盖 Vuetify 类

Img 未拉伸以满足所需的纵横比

从 React MUI 自定义不同组件的正确方法?

before 元素的过渡效果

如何为以下布局安排网格?

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

如何在 TypeScript 文件中导入 CSS 模块?

css渐变实现2色虚线边框

SASS 文件 struct :_typography、_layout 等中的相同 Select 器

图像 3D 悬停效果

基于内容显示(show)/隐藏(hide)同级div

使用css水平+垂直翻转/镜像图像

如何保持标题静态,滚动时始终位于顶部?

字体上的 Font-Awesome 错误 404

如何使用 Gulp 复制多个文件并保持文件夹 struct

从样式设置为 % 的元素获取宽度(以像素为单位)?

对象拟合不影响图像