Javascript 为什么在特定窗口大小以下的HTML中不显示伪元素

首先，请看下一页

左侧的滑块在顶部和底部具有黑色过滤器。 这是我从开发者工具中找到的滑块代码

<div class="fs_gallery_slider" data-thumbs-btn-title="Thumbs">
::before
::after
</div>

：：之前
：：之后

如您所见，顶部过滤器和底部过滤器都是使用伪元素生成的。当窗口大小超过1024px时，它们都以HTML显示，而当窗口大小低于1024px时则不显示。我以为它们是由一些CSS属性控制的，比如“display:none；”，但是媒体查询并没有用于它们，所以看起来情况并非如此

在这种情况下，这是否意味着这些伪元素是用JavaScript生成的，还是以某种方式生成的？如果是，有没有办法找到源头

---

谢谢。

在CSS中，：：在创建作为所选元素的第一个子元素的伪元素之前。

：：css中定义的before

位于媒体查询后面，因此它仅在满足媒体查询参数（通常是窗口宽度）时才起作用

：：before

元素不仅仅存在，除非它们在CSS中定义

---

请添加最小的可复制代码段。同样，通过这种方式解决问题也是调试的第一步。你不能只是在这里链接你的网站，并期望每个人都能访问它。如果该问题得到解决或网站发生更改，则此问题对SO没有进一步的价值。只有当伪元素具有非空的

content

属性时，才会将其“添加”到DOM中。非空实际上并不正确，因为空字符串已计为非空。所以<代码>内容：''已经足够购买伪元素了。因为它不在1024px以下，所以我会说有一个媒体查询将它添加到1024px以上，或者在下面删除它。这里有更多信息：@Hoargarth非常感谢您分享更多信息。我很感激。我将进一步查看，看看是否确实有一个媒体查询集。@tacoshy这个问题已经由另一个人解决了。@Hoargath实际上有一个媒体查询集用于伪元素。再次非常感谢您的帮助。非常感谢@rorypicko。正如您所提到的，伪元素不只是在那里，这就是为什么我无法首先找到媒体查询的原因。