【问题标题】:What is this fake pseudo element in firefox?Firefox中的这个假伪元素是什么?
【发布时间】:2019-11-16 04:08:42
【问题描述】:

我有一个与 Firefox 相关的问题。 我经常在 Firefox 中看到某种伪元素,在调试器中由一个带有点的矩形表示:

在这种情况下,我看不出有任何正当理由可以解释列表中间的一个伪元素。

和往常一样,当我在调试器中选择这种元素时,我看不到任何应用于它的 css 规则。 当我查看前一个和下一个元素时,我发现没有任何规则可以解释周围事物的存在。 当我将它悬停在调试器中时,它显示为 3x18 px 的元素:

我看不出有什么理由让这个元素在这里显示。 我在firefox检查器中有很多,每个似乎都有自己的大小或规则。

正如你在下面的截图中看到的,这个元素没有出现在 chromium 中:

这个符号是什么? 我不知道它来自哪里,它看起来特定于 Firefox。

谢谢

更新 1: 如您所见,它似乎不是来自我的代码,因为我刚刚在 stackoverflow 上打开了调试器并在这里找到了另一个示例:

【问题讨论】:

  • 我很确定是一个奇怪的隐形角色。你能分享你的代码吗?
  • 这只发生在 Firefox 中?没有其他浏览器会为该代码执行此操作?
  • 你好@j08691@Temani_Afif 它只出现在firefox(开发版但也是标准版)中。我从 stackoverflow 中添加了一个示例:刚刚打开调试器,滚动了一下,找到了另一个示例。可以看到帖子上传的截图
  • 你有 Firefox 的附加组件吗?您是否尝试过禁用它们?
  • 禁用扩展时问题仍然存在。你在firefox上复制它吗?我也在 debian 9 上

标签: html css firefox pseudo-element


【解决方案1】:

我终于自己找到了答案。

出于mozilla blog post 中解释的某些原因,Mozilla 团队决定在调试器中使用特殊字符识别空格。似乎任何人都可以在自己的代码中包含的空格(使用新行或空格来获得漂亮的代码)有时会对渲染产生影响。这就是调试器中显示此字符的原因。

【讨论】:

    猜你喜欢
    • 2019-04-13
    • 2011-12-07
    • 1970-01-01
    • 2013-03-05
    • 1970-01-01
    • 1970-01-01
    • 2013-12-09
    • 1970-01-01
    • 2012-04-12
    相关资源
    最近更新 更多