What does ampersand mean in CSS embedding?

[Multimegamander]

sorry for such a noob question, but something like;

&:nth-child(1) {
animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

what does that ampersand mean?

[s0kil]

@Multimegamander It simply is an easier way to nest selectors (similar to sass/scss nesting), example: https://sandbox.mint-lang.com/sandboxes/ks_pjnPKVGvmuA

[s0kil]

I missed the point of your question, here is what the ampersand does:

In Mint instead of writing:

p {
	color: red;	
}

p::after {
	margin: 1rem;
}

You can do:

p {
	color: red;

	&::after {
		margin: 1rem;
	}
}

[s0kil]

I hope that answers your question, otherwise please re-open this issue.