使用SASS在元素内定位元素-TargetelementsinsideanelementwithSASS

I have a label outside a form and labels insode a form. I want to use SASS to style the labels insode the form different. Here the html:

我在表单外面有一个标签,标签在表格中。我想使用SASS来标记不同形式的标签。这里的html:

 ...

  
        ...

        ...

   

I thought I could do:

我以为我能做到:

.loginField 
    {

       label 
       {
       //css rules for label outside form
       }

       &form{

             label{
             //css rules for label insode the form
             }
        }
     }

However, this does not produce CSS rules for the inner labels - they get applied the same styles as the label outside the form...

但是,这不会为内部标签生成CSS规则 - 它们应用与表单外部标签相同的样式...

1 个解决方案

.loginField 
    {

       > label 
       {
       color:red;
       }

       & form{ /* note the space */

             label{
             color:green
             }
        }
     }

.loginField > label {
  color: red;
}
.loginField form label {
  color: green;
}