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

相关文章
|
8月前
|
前端开发
css 2D转换
css 2D转换
44 0
|
8月前
|
前端开发
|
8月前
|
前端开发
CSS中颜色的定义
CSS中颜色的定义
107 0
|
8月前
|
XML 前端开发 JavaScript
css的作用
【4月更文挑战第22天】css的作用
51 7
|
8月前
|
前端开发
前端 CSS 经典:CSS 包含块
前端 CSS 经典:CSS 包含块
46 0
|
8月前
|
UED
css3 2D与3D转换
css3 2D与3D转换
84 0
|
前端开发 UED
css中转换有哪些(2D、3D效果)?
css中转换有哪些(2D、3D效果)?
89 0
|
前端开发
CSS3的转换
通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 您可以使用 2D 或 3D 转换来转换您的元素。
77 1
|
前端开发
CSS 重要概念之常见属性和设置
CSS 是一种用于描述网页样式的语言,包含众多属性和设置。本文将介绍 CSS 中一些常见的属性和设置。
122 0
|
前端开发
css:通过html给css传递颜色属性值
css:通过html给css传递颜色属性值
185 0
css:通过html给css传递颜色属性值

热门文章

最新文章

下一篇
开通oss服务