如果同级 div 溢出，CSS 选择器？

Question

我有以下 html

<!-- initial height is enough to show one line of text -->
<div id="div1"> some dynamic text </div>

   .
   .
   .

<!-- on clicking uses JS to set height of div1 to fit content
     only show if div1 has text overflowing -->
<div id="div2"> expand div1 </div>

现在，我只想在 div1 有足够多的文本需要展开时才显示 div2，也就是说，如果 div1 中的内容溢出。 我知道它可以使用 JavaScript 来实现，但我想知道它是否可以只使用 CSS 来完成。

有什么建议？

编辑：
呈现页面时会动态获取文本。 我也不能使用媒体规则，因为我隐藏扩展 div 的宽度不是固定的（宽度阈值取决于每次渲染时变化的动态文本的长度）

Answer 1

正如CBroe提到的，没有用于溢出检测的选择器。 您尝试做的事情目前无法仅使用 CSS。

此外，添加此类选择器的提案存在 GitHub 问题，但可能会因WON'T FIX而关闭

提到 GitHub 问题：链接

相关堆栈问题： 链接