Css @-moz文档url-prefix（）的继承者

我尝试使用

@-moz document url-prefix（）

在Firefox中应用不同的样式，但它不再受支持。我现在怎么做

简单的例子：

HTML

.test{
背景色：红色；
}
@-moz文档url-前缀（）{
.测试{
背景颜色：蓝色；
}
}

---

asd

在FF V61发布频道和V59 Beta/Dev中，它被删除，例外是

url-prefix（）

函数，因此您的代码应该可以工作，以下是一些信息和代码：

@-moz文档

规则不再适用于Web内容，因为 攻击者可以利用它进行CSS注入来窃取私有数据 在第三方网站的URL中。Firefox用户仍然可以使用 此规则在用户样式表中用于个性化浏览 经验

at规则支持已从夜间和早期删除 从Firefox 59开始的Beta/DevEdition，并从所有频道中删除 使用Firefox61

一个例外是空url前缀函数，它被用作 针对Firefox的CSS攻击。它将继续在发行版上进行解析 为避免破损，将在不久的将来拆除一次 解决了主要的兼容性问题

在当前的最新版本（62.0.3）中，它仍然有效，正如您在本文中看到的

并使用您的代码片段：

.test{
背景色：红色；
}
@-moz文档url-前缀（）{
.测试{
背景颜色：蓝色；
}
}

---

测试

有效，谢谢！你能告诉我，我应该如何选择“黑客”的游戏吗？有很多选择。我在这里选择的一个是考虑到你关注的是CSS而不是JS hack，然后在CSS hack中我选择这个，因为它仍然有很好的旧支持FF16和更高版本（我不认为有必要支持例如v3.6和更高版本），然后这是一个干净的规则，不太复杂，我知道要指定：浏览器（FF）和内容（CSS），但接下来我必须选择多种类型中的一种：选择器黑客/媒体查询黑客/支持黑客等。更深层的是，有一些难以理解的选项，如：：-moz range track，body:last child。选择器{}如果你能写一些额外的建议，我感到困惑，我会很感激的。我写了它：

我选择它是因为它仍然有很好的旧的FF16和更高版本的支持（我不认为需要黑客来支持例如：v3.6和更高版本），然后它是一个干净的规则，不太复杂