更少的:extend()与嵌套选择器

时间:2018-11-11 20:45:16

标签: css less frontend

这里是更少的代码:

.block {
	background: blue;

	.element {
		background: green;
	}
}

.extended-block:extend(.block all) {}

.extended-element:extend(.element all) {}
它为“ .block .extended-element”,“。extended-block .element”生成规则,但不为我需要的“ .extended-block .extended-element”规则生成:

.block,
.extended-block {
  background: blue;
}
.block .element,
.extended-block .element,
.block .extended-element {
  background: green;
}

0 个答案:

没有答案