有没有一种CSS选择器可以选择具有溢出文本的元素？

Question

有没有可能编写一个CSS选择器，仅选择已调用text-overflow行为的元素？

<div style="width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
I don't want to select this
</div>

<div style="width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
But I do want to select this because it's overflowing
</div>

Fiddle

- Matt Mills

---

我认为你需要使用JavaScript来完成这个任务。这里有一个类似的帖子：https://dev59.com/uWsz5IYBdhLWcg3wxq0V - AJames

不，没有。但是根据您想要如何处理溢出，可能有其他实现方法。 - Spudley

@Spudley - 我正在尝试为文本块构建非本地工具提示样式。在采用Javascript方法之前，我只是想看看是否有可以使用的CSS选择器。 - Matt Mills

我过去处理这种情况的方法是使用 :hover 来改变鼠标悬停时的元素，以便溢出内容可见，并添加一些额外的样式，如边框和背景。我猜这就是你想要的效果？你无法区分哪些已经溢出和哪些没有，但这种效果对于任何情况都同样有效。 - Spudley

这基本上也是我最终所做的。这是我以前做过几次的事情之一，但我总是试图这一次做得不同 :) - Matt Mills

Answer 1

没有 CSS 选择器可以选择出溢出元素。

- user2019515

---

有一个提案要添加它，但可能不会发生：https://github.com/w3c/csswg-drafts/issues/2011。作为解决方法，也许“overflow”事件将有朝一日被广泛采用：https://developer.mozilla.org/en-US/docs/Web/API/Element/overflow_event。 - matt