为什么伪元素在 HTML 中不显示在某些 window 尺寸以下
Why are pseudo-elements not showing in HTML below certain window sizes
首先，请看下面的页面。
左侧滑块的顶部和底部都有深色滤镜。
这是我从开发者工具中找到的滑块代码。
<div class="fs_gallery_slider" data-thumbs-btn-title="Thumbs">
::before
::after
</div>
可以看到，top filter和bottom filter都是用伪元素生成的。当 window 尺寸超过 1024px 时，它们都显示在 HTML 中，而当 window 尺寸低于 1024px 时，则不显示。我认为它们是由一些 CSS 属性 控制的，例如“display:none;”，但是它们没有使用媒体查询，所以情况似乎并非如此。
在这种情况下，是否意味着这些伪元素是由 JavaScript 或某种方式生成的？如果有，有没有办法找到来源？
谢谢。
In CSS, ::before creates a pseudo-element that is the first child of the selected element.
::before 在 css 中定义在媒体查询之后，因此它仅在满足媒体查询参数时才会发挥作用，通常是 window 宽度。
::before 元素不只是存在，除非它们在 CSS.
中定义
首先，请看下面的页面。
左侧滑块的顶部和底部都有深色滤镜。 这是我从开发者工具中找到的滑块代码。
<div class="fs_gallery_slider" data-thumbs-btn-title="Thumbs">
::before
::after
</div>
可以看到，top filter和bottom filter都是用伪元素生成的。当 window 尺寸超过 1024px 时，它们都显示在 HTML 中，而当 window 尺寸低于 1024px 时，则不显示。我认为它们是由一些 CSS 属性 控制的，例如“display:none;”，但是它们没有使用媒体查询，所以情况似乎并非如此。
在这种情况下，是否意味着这些伪元素是由 JavaScript 或某种方式生成的？如果有，有没有办法找到来源？
谢谢。
In CSS, ::before creates a pseudo-element that is the first child of the selected element.
::before 在 css 中定义在媒体查询之后，因此它仅在满足媒体查询参数时才会发挥作用，通常是 window 宽度。
::before 元素不只是存在，除非它们在 CSS.