syntax - LESS:是否有任何语法可以访问当前规则集中的属性值？

Question

是否有更少的语法来访问当前规则集中的属性值？例如，我想将高度设置为宽度的两倍而不创建变量:

.img {
  width:20px;
  height: ?width*2;  // dummy code.
}

Answer 1

虽然可能有简单的解决方案，但您可以使用“em”来解决它。 它取决于字体大小而不是宽度/其他任何东西，请参阅步骤:

• 首先为此 div 设置所需的字体大小。
• 对于边距、内边距、高度、宽度属性，请使用“em”而不是“px”
• 计算公式为:1em = div 的字体大小。 (a)x(em)= (a)x(字体大小)。

(font-size = 12px and width=1.5em (1.5em=1.5*12px or 18px) and height=3em (3em = 3*12px or 36px))

**For your case if font-size is 10px:**
    .foo{
      font-size: 10px;  //Let's think div's font size 10px
      width:2em;   //10*2 = 20px   that dynamically calculated
      height: 4em;  // 10*4 = 40px  that double of width
    }

每次高度都会是宽度的两倍，但问题是你必须使用 font-size 来改变这个比例的大小。