css - 有什么方法可以在 Less 中获取另一个元素值？

Question

我是新手Less。

在我的脚本中，我想width使用box1in box2。

请检查我的脚本。

#box1
{
    width: 1000px;
    height: 500px;
}
#box2
{
    width: #box1.width - 100px;
}

有没有可能？如果是，请给我正确的Less代码。

Answer 1

不幸的是，这确实是不可能的。但是，您可以使用变量并执行以下操作：

@box1width: 1000px;
#box1
{
    width: @box1width;
    height: 500px;
}
#box2
{
    width: @box1width - 100;
}

Answer 2

不，那是不可能的。LESS 处理样式表以生成 CSS，它对页面中的元素一无所知。

您正在寻找的是CSS Expressions，但这仅在 Internet Explorer 中受支持，并且在 IE8 中已放弃对它的支持。