css - 使 CSS 属性依赖于另一个属性

Question

这个问题已经有答案了:

Can a CSS class inherit one or more other classes? (29 个回答)

已关闭 8 年前。

我想让我的 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);
}

如果这令您满意，那就可行。