我如何在Sass中仅选择当前课程的第一个最近的父母

Question

我有这样的层次结构：

.form-group{

   .span{

       property: value

       .form-control{

           property: value

           select{

           }
       }
   }
}

我想为选择/下拉列表打印css，但仅​​打印具有.form-control类的css。

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

请帮助我了解如何执行此操作。

Answer 1

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

没有选择简单的方法。

Answer 2

也许是这样吗？我不确定您想要什么：

.form-group {

    .span {

        select {

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

Answer 3

这样更改您的less / scss。这样，它将仅针对那些具有表单控件类的选择。

.form-group{
   .span{
       property: value
       .form-control{
           property: value
           select.form-control {
               // Add your styles here
           }
       }
   }
}