Html 是否可以基于另一个元素将样式/css分配给一个元素?

Html 是否可以基于另一个元素将样式/css分配给一个元素?,html,css,Html,Css,我有一个3d party library(fullcalendar),它根据一些内部计算动态分配元素的高度,以便在任何视口中看起来都很漂亮: <div style="height: 72px;"> 也许还有其他方法可以获得同样的结果,但我想不出任何方法。通过使用较少的可能的方法,请参见示例 .rounded_corners { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-

我有一个3d party library(fullcalendar),它根据一些内部计算动态分配元素的高度,以便在任何视口中看起来都很漂亮:

<div style="height: 72px;">

也许还有其他方法可以获得同样的结果,但我想不出任何方法。

通过使用较少的可能的方法,请参见示例

.rounded_corners {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }

    #header {
      .rounded_corners;
    }

    #footer {
      .rounded_corners;
    }

通过使用较少的资源,请参见示例

.rounded_corners {
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      border-radius: 8px;
    }

    #header {
      .rounded_corners;
    }

    #footer {
      .rounded_corners;
    }

如果它们在同一个容器中,您可以使用

#容器{
显示器:flex;
弯曲方向:行;
对齐项目:拉伸/*该行使项目具有相同的高度*/
}
#容器>*{
背景:灰色;
边框:1px纯黑;
右边距:5px;
}

一些
非常


文本
使用了
恶心的
br 短的那个
如果它们在同一个容器中,您可以使用

#容器{
显示器:flex;
弯曲方向:行;
对齐项目:拉伸/*该行使项目具有相同的高度*/
}
#容器>*{
背景:灰色;
边框:1px纯黑;
右边距:5px;
}

一些
非常


文本
使用了
恶心的
br 短的那个
我不知道您是否正在寻找使用
Javascript
的解决方案(我不知道是否只使用
CSS
就可以了,但我不这么认为),但这里有一种使用它的方法:

如果您有两个具有两个不同ID的div:

<div id="div1" style="height: 72px;"></div>
<div id="div2"></div>
并将其设置为第二个:

var div2 = document.getElementById('div2');
div2.style.height = height1;

查看它是如何工作的。

我不知道您是否正在寻找使用
Javascript
的解决方案(我不知道是否只使用
CSS
就可以了,但我不这么认为),但这里有一种使用它的方法:

如果您有两个具有两个不同ID的div:

<div id="div1" style="height: 72px;"></div>
<div id="div2"></div>
并将其设置为第二个:

var div2 = document.getElementById('div2');
div2.style.height = height1;

看看它是如何工作的。

当然可以。我认为在元素嵌套之前,纯CSS是不可能的。另一个div是否有已知的高度、id或类?如果该div位于其容器中的特定位置,那么CSS应该能够通过在该div的类旁边添加一个类或使用更特定的选择器来定位该div。否则,您需要javascript检索所需的高度并将其应用于该特定div。。。可能不清楚,但你的问题不足以给出肯定或否定的答案。。。这取决于您拥有的结构、ID、类和样式表。我们可以公正地回答:视情况而定:)或者根据个人意见或猜测,当然可以。我认为在元素嵌套之前,纯CSS是不可能的。另一个div是否有已知的高度、id或类?如果该div位于其容器中的特定位置,那么CSS应该能够通过在该div的类旁边添加一个类或使用更特定的选择器来定位该div。否则,您需要javascript检索所需的高度并将其应用于该特定div。。。可能不清楚,但你的问题不足以给出肯定或否定的答案。。。这取决于您拥有的结构、ID、类和样式表。我们可以公正地回答:这取决于:)或者根据一些人的观点或猜测他们不直接在同一容器下(只有同一个远亲),所以我猜这不会起作用?无论如何,谢谢你的帮助:)嗨,他们不直接在同一容器下(只有同一个远亲),所以我想这不会起作用吗?无论如何谢谢你的帮助:)谢谢你的帮助,但我试着在没有javascript的情况下完成它,由于3d party组件的高度在调整大小过程中会发生变化,例如,也许没有其他方法…@IlyaChernomordik也许你可以将我上面的代码包装到一个函数中,并在onresize方法中调用它们:谢谢帮助,我会尝试这样做谢谢帮助,但我尝试在没有javascript的情况下这样做,由于3d party组件的高度在调整大小过程中会发生变化,例如,也许没有其他方法…@IlyaChernomordik也许您可以将我上面输入的代码包装到一个函数中,并在onresize方法中调用它们:感谢帮助,我将尝试这样做