a {
	order: 1;

	order: 5;
	order: 6;

	order: 10;

	order: 14;
}

@media screen, print {

a {
		order: 2;

		order: 4;
}
	}

@media screen and (min-width: 480px), print and (min-width: 480px) {

a {
			order: 3;
}
		}

a b {
		order: 7;

		order: 9;
	}

a b c {
			order: 8;
		}

body a {
		order: 11;

		order: 13;
	}

html :is(body a) {
			order: 12;
		}

@media screen {

a {
		order: 15;
}
	}

@media screen and (min-width: 480px) {

a {
			order: 16;
}
		}

body:is(a) {
		order: 17;
	}

html body:is(a) {
		order: 18;
	}

a.foo {
		order: 19;
	}

.foo a.bar {
		order: 20;
	}

.foo:is(a b) {
		order: 21;
	}

.foo .bar:is(a b) {
		order: 22;
	}

h1.foo,
	h2.foo {
		color: red;
	}

li+li {
		background: red;
	}

.foo:where(h1) {
		background: red;
	}

a b[a="a&b"] {
		order: 31;
	}

.a.c::before, .b.c::before, .a.d::before, .b.d::before {
			order: 41;
		}

.a:hover::before, .b:focus::before, .a:hover::after, .b:focus::after {
		order: 51;
	}

/* leading : root */
.comments {
	/* leading : 1 */
	order: 61;

	/* leading : 4 */
	order: 64;
	/* trailing: 2 */
}
.comments .comment {
		order: 62;
	}
/* loose comment */
.comments .comment {
		order: 63;
	}
/* trailing: 5 */
/* nested deeper */
.comments .comment .comment {
			order: 65;
		}

::before.pseudo-element {
		order: 71;
	}

::before .pseudo-element {
		order: 71.1;
	}

:before.pseudo-element {
		order: 72;
	}

:before .pseudo-element {
		order: 72.1;
	}

.pseudo-element::after {
		order: 73;
	}

.pseudo-element ::after {
		order: 73.1;
	}

.pseudo-element:after {
		order: 74;
	}

.pseudo-element :after {
		order: 74.1;
	}

.has-semi-colons-on-the-last-decl {
	order: 73;
	/* a comment */
}

.has-semi-colons-on-the-last-decl .foo {
		order: 73.1;
	}

.has-semi-colons-on-the-last-decl {
	order: 74;
	/* a comment */
}

.has-semi-colons-on-the-last-decl .foo {
		order: 74.1;
	}

.mixed-declarations-and-rules--a {

	declaration: 1;
}

.mixed-declarations-and-rules--a {
		nested: 1;
	}

.mixed-declarations-and-rules--b {
	declaration: 1;

	declaration: 2;

	declaration: 3;
}

.mixed-declarations-and-rules--b {
		nested: 1;
	}

@media screen {

.mixed-declarations-and-rules--b {
		nested: 2;
	}
	}

.node-less-at-rule {
	declaration: 1;

	declaration: 2;
}

@layer foo;

h1 {
	transition: background-color 1.5s;
	background-color: green;
}

@starting-style {

h1 {
		background-color: transparent;
}
	}

@scope (.foo) {
	& {
		order: 1000;
	}
}

.outer {
	@scope (.foo) {
		order: 1001;
	}
}

.outer {
	@scope (.foo) {
		& {
			order: 1002;
		}
	}
}

.outer {
	@scope (.foo) to (.bar) {
		& {
			order: 1003;
		}
	}
}
