Html CSS，将样式设置为div child

我有以下代码：

<div id="father">
  <div>Child div, needs height 100%</div>
</div>

儿童版，需要100%的身高

如何为id=“父亲”的子div设置

高度：100vh

？我无法添加类或id，它是创建的动态div，但是外部js。

使用，

：

#父>div{height:100vh；}

您可以使用子组合器访问元素的子元素

通过执行以下操作访问子div：

#father > div {
    height: 100vh;
}

---

有关更多信息，请参阅高度上的“vh”词缀是什么？

父div{height:100vh；}

。@splaten等于视口初始包含块高度的1%。或者在js中，您可以将其转换为

const vh_1=Math.round（window.innerHeight/100）

不需要

。这意味着

只选择第一级子级

，但无论如何只有一级，但我不能在css文件上设置，因为尚未加载子级div，我需要设置通过javascript时，文件是ready@pmiranda无论何时加载或更改页面，都将应用该规则。@pmiranda您的图像显示您在子元素上设置了内联样式。此外，样式表中设置的CSS规则不会显示为内联CSS。您能够删除内联CSS吗？如果没有，您可以尝试增加CSS规则的特殊性，或者使用可怕的

！重要信息

以覆盖它。

！重要信息

需要，谢谢。这些内联样式由Esri ArcGIS JS-API生成，整个div都是通过该API生成的。Chrome在4天前做了一个更新，使ArcGIS API版本崩溃（太旧了，3.21），我必须这样做。。。