网页网站您现在的位置是:首页 > 博客日志 > 网页网站

css中&符号的作用,是什么意思?

<a href='mailto:'>微wx笑</a>的头像微wx笑2020-04-12 17:00:50网页网站人已围观关键字: CSS  

在查看Bootstrap v3 的文档时,看到清除浮动部分代码中包含&符号,这个符号代表什么意思呢?// Mixin itself.clearfix() { &:before, &:after { content: " "; display:

在查看Bootstrap v3 的文档时,看到清除浮动部分代码中包含&符号,这个符号代表什么意思呢?mxF编程技术_踩坑日志_进阶指南_无知人生

// Mixin itself
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

// Usage as a mixin
.element {
  .clearfix();
}

看看下面的例子你就懂了:
mxF编程技术_踩坑日志_进阶指南_无知人生

.bordered {
  &.float {
    float: left; 
  }
  .top {
    margin: 5px; 
  }
}

等同于:mxF编程技术_踩坑日志_进阶指南_无知人生

.bordered.float {
  float: left; 
}
.bordered .top {
  margin: 5px;
}

.bordered.float 是串联选择器,作用在同一标签上
.bordered .top 是后代选择器,作用在不同标签上mxF编程技术_踩坑日志_进阶指南_无知人生


mxF编程技术_踩坑日志_进阶指南_无知人生

相关文章:mxF编程技术_踩坑日志_进阶指南_无知人生

mxF编程技术_踩坑日志_进阶指南_无知人生

CSS样式中双引号分号斜杠空格井号波浪号逗号加号大于号各种标点符号是什么意思?

本文由 微wx笑 创作,采用 CC BY-NC 4.0 许可协议。 非商业性使用可自由转载、引用、甚至修改,但需署名作者且注明出处。

很赞哦! () 有话说 ()