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

相关文章
|
6天前
|
前端开发
css 2D转换
css 2D转换
11 0
|
6天前
|
前端开发
|
6天前
|
XML 前端开发 JavaScript
css的作用
【4月更文挑战第22天】css的作用
14 7
|
6天前
|
UED
css3 2D与3D转换
css3 2D与3D转换
37 0
|
6天前
|
XML 前端开发 数据格式
改变CSS
改变CSS(层叠样式表,Cascading Style Sheets)是一种用于控制网页样式和布局的语言。通过使用CSS,可以为网页中的元素(如标题、段落、图像等)设置字体、颜色、大小、位置和其他外观属性
47 3
|
6月前
|
前端开发 UED
css中转换有哪些(2D、3D效果)?
css中转换有哪些(2D、3D效果)?
53 0
|
9月前
|
前端开发
CSS3的转换
通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 您可以使用 2D 或 3D 转换来转换您的元素。
43 1
|
前端开发
CSS 选择器(超级详细,欢迎补充)1
CSS 选择器(超级详细,欢迎补充)
85 0
|
前端开发
CSS 选择器(超级详细,欢迎补充)2
CSS 选择器(超级详细,欢迎补充)2
94 0
|
前端开发
css中的2D转换
CSS2D转换 今天给大家带来的是css经常用到的属性,不管是元素旋转还是元素移动,都是用到了css3的transform属性,今天我们就来看看这个属性的用法。