css中的&

阿超

发布于 2022-08-17 21:35:37

1.2K0

发布于 2022-08-17 21:35:37

要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克

今天看到一种css写法：

/deep/ .message-list {
		flex: 1;
        
		.message-item {
			&-text {
				position: absolute;
			}
		}
	}

/deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器

sass中文文档提到了这个父选择器

上方的&-text其实就表示.message-item-text

.message-item {
	&-text {
		position: absolute;
	}
}

编译后为：

.message-item {
	.message-item-text {
		position: absolute;
	}
}

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-11-10，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度