html - 如果兄弟 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 的宽度不是固定的（宽度阈值取决于每次渲染时变化的动态文本的长度）

标签： htmlcss

Answer 1

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

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

提到的 GitHub 问题：链接

相关堆栈问题：link