a {
	order: 1;
	@media (min-width: 100px) {
		order: 2;
		@media (max-width: 200px) {
			order: 3;
		}
		& b {
			@media (max-width: 200px) {
				order: 4;
			}
		}
	}
	@media screen, print and (color) {
		@media (max-width: 300px), (min-aspect-ratio: 16/9) {
			order: 5;
			& c {
				order: 6;
			}
		}
	}
}
a {
	order: 1;
	@media (min-width: 100px) {
		order: 2;
		@media (max-width: 200px) {
			order: 3;
		}
		& b {
			@media (max-width: 200px) {
				order: 4;
			}
		}
	}
	@media screen, print and (color) {
		@media (max-width: 300px), (min-aspect-ratio: 16/9) {
			order: 5;
			& c {
				order: 6;
			}
		}
	}
}

a, .a {
	@media screen {
		order: 7;
	}
}

a, a::after {
	@media screen {
		order: 8;
	}
}


.foo {
	@media screen {
		@media screen {
			order: 9;
		}
	}
}
