Здравствуйте, почему может не работать css селектор +? HTML: <template v-for="category in

Question

Здравствуйте, почему может не работать css селектор +? HTML: <template v-for="category in

categories.all">
<input class="category__checkbox" type="checkbox" :key="'checkbox' + category.id" name="category" :value="category.id" :id="category.id" v-model="categories.checked">
<label class="category__checkbox-label" :for="category.id" :key="'label' + category.id"> {{category.name}} </label>
</template>
CSS:
&__checkbox:checked + &__checkbox-label {
background-color: green;
}
Если заменить "+" на ",", то стиль применяется