Caching specificity context using Sass' &.

lexical-this-in-sass.scss

.nav-item {
    &__link {
        color: red;
    }
    $this: &;
    &:first-of-type {
        &__link {
            // this won't work 😞
            color: blue;
        }
        #{$this}__link {
            // this will, though! 💫
            color: blue;
        }
    }
}