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 是后代选择器,作用在不同标签上

相关文章
|
7月前
|
前端开发
css 2D转换
css 2D转换
37 0
|
7月前
|
前端开发
|
7月前
|
数据采集 缓存 前端开发
css的类型
【4月更文挑战第20天】css的类型
59 10
|
7月前
|
XML 前端开发 JavaScript
css的作用
【4月更文挑战第22天】css的作用
47 7
|
7月前
|
前端开发
前端 CSS 经典:CSS 包含块
前端 CSS 经典:CSS 包含块
39 0
|
7月前
|
XML 前端开发 数据格式
改变CSS
改变CSS(层叠样式表,Cascading Style Sheets)是一种用于控制网页样式和布局的语言。通过使用CSS,可以为网页中的元素(如标题、段落、图像等)设置字体、颜色、大小、位置和其他外观属性
62 3
|
7月前
|
UED
css3 2D与3D转换
css3 2D与3D转换
76 0
|
前端开发 UED
css中转换有哪些(2D、3D效果)?
css中转换有哪些(2D、3D效果)?
82 0
|
前端开发
CSS3的转换
通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 您可以使用 2D 或 3D 转换来转换您的元素。
67 1
|
前端开发 容器
css基础属性
css基础属性
96 0