home icon
chevron-right icon
Rules
chevron-right icon
Style
chevron-right icon
Sortselectors

Sort Selectors

The sortSelectors rule will apply alphabetical sorting to style language class name selectors.

👍

false

Lorem Ipsum

  • default
  • recommended
  • warrington
  • strict
  • prettier
.v,
.z,
.y,
.a,
.x > .a > .b,
.x > .c > .d,
.c > .d > .x,
.r,
.t > .v > .x,
.w,
.b,
.o {
  background-position: right top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
}

.v,
.z,
.y,
.a,
.x > .a > .b,
.x > .c > .d,
.c > .d > .x,
.r,
.t > .v > .x,
.w,
.b,
.o {
  background-position: right top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
}
👍

true

  • default
  • recommended
  • warrington
  • strict
  • prettier
.v,
.z,
.y,
.a,
.x > .a > .b,
.x > .c > .d,
.c > .d > .x,
.r,
.t > .v > .x,
.w,
.b,
.o {
  background-position: right top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
}

.a,
.b,
.c > .d > .x,
.o,
.r,
.t > .v > .x,
.v,
.w,
.x > .a > .b,
.x > .c > .d,
.y,
.z {
  background-position: right top;
  background-attachment: fixed;
  font-weight: 100;
  font-style: bold;
  margin-top: 100px;
}