派生CSS值

是否可以在样式表的一部分中引用另一部分中的值？例如，假设我想设置一个div的CSS

top

值，使之与另一个元素的高度相匹配，有没有办法？实际上，有没有可能说：

.div1 {
    height: 50px;
}

.div2 {
    position: absolute;
    top: <height value of div1>
}

.div1{
高度：50px；
}
.第2分部{
位置：绝对位置；
顶部：
}

不，这是CSS的弱点之一。幸运的是，CSS有一些很好的扩展，易于使用并解决许多常见问题

看看这些：

---

不，这是CSS的弱点之一。幸运的是，CSS有一些很好的扩展，易于使用并解决许多常见问题

看看这些：

---

您想看看类似或的东西

您可以使用这些计算（此处的SASS示例）：

做类似的事情

.div2 {
    height: 2*$averageHeightDivs;
}

但最好使用mixin：

@mixin divSize($factor, $width, $height) {
  height: $factor * $height;
  width: $factor * $width;
}

.div1 {
  @include divSize(1, 10, 20);
}

.div2 {
  @include divSize(2, 10, 20);
}

---

你想看看类似或的东西

您可以使用这些计算（此处的SASS示例）：

做类似的事情

.div2 {
    height: 2*$averageHeightDivs;
}

但最好使用mixin：

@mixin divSize($factor, $width, $height) {
  height: $factor * $height;
  width: $factor * $width;
}

.div1 {
  @include divSize(1, 10, 20);
}

.div2 {
  @include divSize(2, 10, 20);
}

---

---

您可以使用sass变量执行类似的操作。退房基本上，您可以设置要重用的每个变量的值，然后在需要时调用它

您可以使用sass变量执行类似操作。退房基本上，您可以设置要重用的每个变量的值，然后在需要时调用它

Win的javascript如果你在

.div1

上有一个固定值，为什么不把这个固定值也添加到

.div2

？你是指一个动态大小的元素（灵活的内容等），还是不为相同的高度写两次相同的数字？我最初把它标记为，但我想这并不是直接询问CSS文件中的变量，所以我重新打开了它。因为我的目标是，如果我有一个巨大的样式表，我决定在将来更改div1的高度，其他所有内容都会相应地移动，如果您在

.div1

上有一个固定值，为什么不将该固定值也添加到

.div2

？您是指动态大小的元素（灵活的内容等）或者你的意思是不为相同的高度写两次相同的数字？我最初将其标记为的副本，但我猜这并不是直接询问CSS文件中的变量，所以我重新打开了它。因为目的是如果我有一个巨大的样式表，并且我决定在将来更改div1的高度，其他一切都会相应地移动，而不是我必须在整个样式表中更改许多值。您能解释一下SASS或更少的SASS如何准确地做到这一点吗？我假设你不是指变量？我会使用变量。有什么原因你不能吗？没有，那很好，我假设OP意味着第二个元素的高度未知。也许我错过了阅读，我只是假设如果这个值是已知的，那么为什么不使用它。看到更新后的注释，你得到了最好的答案，我确实得到了错误的答案，并假设OP意味着css知道一个元素维度。我稍微更新了答案。修正了一些打字错误并添加了一个示例。投反对票的是什么？我很想知道这是关于什么的，我们都在这里学习。你能解释一下SASS或更少的人能做什么吗？我假设你不是指变量？我会使用变量。有什么原因你不能吗？没有，那很好，我假设OP意味着第二个元素的高度未知。也许我错过了阅读，我只是假设如果这个值是已知的，那么为什么不使用它。看到更新后的注释，你得到了最好的答案，我确实得到了错误的答案，并假设OP意味着css知道一个元素维度。我稍微更新了答案。修正了一些打字错误并添加了一个示例。投反对票的是什么？我很想知道这是关于什么的，我们都在这里学习。