使CSS属性依赖于另一个

Question

我想让我的一个CSS属性与另一个属性成比例，但没有一个是另一个的父级。它看起来像这样：

elem-to-look {
    /**
     * This value could not be explicit,
     * And I want it to working even with default values.
     */
    width: 50px;
}

elem-derivative {
    /* I'm looking for something like this */
    left: [elem-to-look: width] + 25px;
}

甚至可能吗？如果不是，你会告诉我什么样的解决方案？

Answer 1

嗯，这很难，但在某些情况下你可以做到。

如果您的正文字体大小稳定且未在元素的父级中更改它，则可以执行以下操作：

body {
    font-size: 20px;
}

elem-to-look {
    width: 2.5em;
}

elem-derivative {
    left: calc(2.5em + 25px);
}

如果这满足你，那可能会有效。