在下面摘自Twitter Bootstrap的CSS中,与号(&)字符是什么意思?

.clearfix {
  *zoom: 1;
  &:before,
  &:after {
    display: table;
    content: "";
  }
  &:after {
    clear: both;
  }
}

推荐答案

那是LESS,不是CSS.

此语法允许您嵌套 Select 器修饰符.

.clearfix { 
  &:before {
    content: '';
  }
}

将编译为:

.clearfix:before {
  content: '';
}

With the &, the nested selectors compile to .clearfix:before.
Without it, they compile to .clearfix :before.

Css相关问答推荐

Angular中嵌套数组的网格

Css扩展搜索栏,如何添加图标结束?

如何在JavaFX中设置分隔符的样式?

如何在页面顶部创建固定横幅,并在其下方设置滚动条?

如何使用Bootstrap在切换按钮旁边的手风琴标题中添加链接?

在 CSS 中,如何用破折号填充段落中每一行的空白区域?

弹性布局溢出时的换行符

如何减少弹性项目之间的差距

SASS 中的计算表达式

包含tailwind 中固定纵横比框的内容

用css重复表格边框

中心表单提交按钮 HTML / CSS

使用 Twitter Bootstrap 使页脚粘在页面底部

如何隐藏 Chrome 中 HTML5
元素上默认显示的箭头?

删除所有填充和边距表格 HTML 和 CSS

bootstrap 程序中有 7 个相等的列

如何使用 JavaScript 获取元素的背景图片 URL?

跨域 iframe 调整大小

bootstrap 关闭响应菜单点击

如何重置或覆盖 IE CSS 过滤器?