在其他CSS“方法”中检索信息 - HTML

Question

我对HTML很新（正如你可以从标题中看到的那样），但我确实有一些编码经验。以下是我尝试做的一个例子：

#rect {
width:20px;
height:40px;
}

div {
width: rect width;
height: rect height;
}

我知道div中的代码是完全错误的，它只是为了让我知道我想要实现的目标。我如何获取div中的代码来检索和使用rect中的值？

Answer 1

这不能只在CSS中完成。但是，您可以使用JavaScript来实现此目的。

Answer 2

在为另一个元素的属性设置值时，不能引用元素属性的值 - 除了在某种意义上嵌套元素的情况（例如，在元素上设置font-size: 100%意味着使用父元素的font-size属性的值。）

但是，您可以做的是在规则中使用多个选择器。在您的示例中，您可以设置

#rect, div {
width: 20px;
height: 40px;
}