CSS中的&代表的什么意思

简介: CSS中的&代表的什么意思

参考: https://www.jianshu.com/p/bf4330f9f252


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


& 表示嵌套的上一级

这是sass的语法,代表上一级选择器

解释成CSS代码如下


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


.bordered.float 是串联选择器,作用在同一标签上

.bordered .top 是后代选择器,作用在不同标签上

相关文章
|
5月前
|
前端开发
css 2D转换
css 2D转换
31 0
|
5月前
|
前端开发
|
5月前
|
前端开发
只是一小部分CSS属性的示例
【5月更文挑战第24天】只是一小部分CSS属性的示例
34 2
|
5月前
|
数据采集 缓存 前端开发
css的类型
【4月更文挑战第20天】css的类型
50 10
|
5月前
|
XML 前端开发 JavaScript
css的作用
【4月更文挑战第22天】css的作用
27 7
|
5月前
|
前端开发
前端 CSS 经典:CSS 包含块
前端 CSS 经典:CSS 包含块
33 0
|
5月前
|
UED
css3 2D与3D转换
css3 2D与3D转换
60 0
|
11月前
|
前端开发 UED
css中转换有哪些(2D、3D效果)?
css中转换有哪些(2D、3D效果)?
73 0
|
前端开发
CSS3的转换
通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 您可以使用 2D 或 3D 转换来转换您的元素。
55 1
|
前端开发
CSS 重要概念之常见属性和设置
CSS 是一种用于描述网页样式的语言,包含众多属性和设置。本文将介绍 CSS 中一些常见的属性和设置。
103 0