:: after和:: backdrop伪元素之间有什么区别？

Question

好吧,标题是什么.

我真的找不到任何有关它的详细信息,如果没有用,MDN文档也相当稀疏.

当一个人比另一个人更受欢迎时,你能提供一些例子和提示吗？

(https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop)

Answer 1

该伪元素是在同一顶层内紧邻该元素下方（以及堆栈中该元素下方的元素上方，如果有的话）渲染的框。

正如您在提到的文档中看到的，它将在您的实际元素和后面的元素之间添加一个新元素。

您可以在所选元素的内容::after之后插入内容（因此内容仍然添加到同一元素），请参阅此示例。

文档后的伪元素：

在元素内容之前或之后插入内容

除此之外，浏览器可以呈现伪元素的方式有所不同：Backdrop与After。如您所见，今天（2016-02-19）您::backdrop只能在chrome、opera和android浏览器中使用。