Как выбрать только первый ближайший родительский класс текущего класса в Sass

Question

У меня есть такая иерархия:

.form-group{

   .span{

       property: value

       .form-control{

           property: value

           select{

           }
       }
   }
}

Я хочу напечатать css для выбора / выпадающего списка, но только те, которые имеют класс .form-control.

.form-group .span select.form-control {
   height: 50px
}

ПожалуйстаПомоги мне понять, как это сделать.

Answer 1

Может, так?Я не уверен, что вы хотите:

.form-group {

    .span {

        select {

            &.form-control {
                height: 50px
            }
        }
    }
}

Answer 2

Измените ваш less / scss следующим образом.Таким образом, он будет нацелен только на те селекторы, у которых есть класс управления формой.

Answer 3

.form-group.span.form-control {
   height: 50px
}

Никаких действий по простому выбору.