SCSS - &

25 May 26

& joins whatever follows it to the parent class, so:

.about-section {
  &:last-child {  }
  &--img-right {  }
  &.error {  }
  & error {  }
}

gives:

.about-section:last-child { }    pseudo-class
.about-section--img-right { }    single class
.about-section.error { }    styles that will be applied to elements with both about-section and error classes.
.about-section .error { }   styes hat will be applied to elements with the error class that have a parent element with the about-section class.

See about.scss in parkrun-pro