lesscss-哪种方法最好

我努力写得更好

article {
   // some css code
   //...
   // end css code
   h1 {
      transition: all 0.3s;
   }
} 
body.active {
    article {
        h1 {
           transform: translate(0, 10px); 
        }
    } 
}

及

有什么建议吗？我想要这样的东西

body {
    article {
       // some css code
       //...
       // end css code
       h1 {
          transition: all 0.3s;
       }
    } 
    &.active article h1 {
       transform: translate(0, 10px); 
    }
}

---

第二个更好。在less中，

&

运算符用于表示父选择器。因此，在您的情况下，您不需要重新定义

body

。相反，您使用的是现有选择器，这使css更具可读性。

请参阅，例如：

---

请解释清楚。你的帖子大部分是代码。

body {
    article {
       // some css code
       //...
       // end css code
       h1 {
          transition: all 0.3s;
       }
    } 
    &.active article h1 {
       transform: translate(0, 10px); 
    }
}

body {
        article {
           // some css code
           //...
           // end css code
           h1 {
              transition: all 0.3s;

              // here, i want to write code for h1 tag when body has active class in this block
           }
        } 

    }

h1 {
    transition: all 0.3s;
    body.active & {
        transform: translate(0, 10px);
    }
}