[Vuejs]-:not() is inherited to the first nested element if I use a classname

by

1👍

You write that if you target the class name, it doesn’t work. That’s because you are not targetting a class name?

If __input is the class name, it should be .__input. If the class name is &__input, I’m pretty sure that is an invalid name – should start with _, - or an English letter.

&:not(.c-checkbox--switch) {
    & > .__input:checked + label:after {
        background-image: url("some url");
    }
}

Of course, I’m not really sure what those ampersands are doing in the first place.

Leave a comment