世界上最常用的网络浏览器是 Chrome。这是人们所知道的，但不知道《勇敢传说》或维瓦尔第实际上可以做同样的事情。到目前为止提到的三者都使用 Chromium 引擎，并且主导地位更加压倒性。其余的市场份额由 Edge（Windows 中的默认选项）、Safari、macOS/iPhone 使用的以及 火狐，最好用的浏览器之一，是许多 Linux 发行版的默认浏览器。
糟糕的是，为了竞争，Firefox 必须把事情做好。 它在很多场景中都可以做到，但在 CSS 中还不够。在他们最新发布的新闻列表中 我们可以读 像“现在支持 X CSS 规则或函数”这样的点，这很好，但一切都在快速发展，与 Chromium 相比，Mozilla 远远落后。在这里，我将与您讨论几个例子，尽管第一个例子是为了更好。
Firefox + 现代 CSS = 问题？
我在学院学习了 HTML、CSS 并看到了 JavaScript 的面貌。我们学习了基础知识，在我所做的一次实践中，我突然想到听一位网页设计师说我们不应该使用 position: fixed 在标题中，我们将使用 sticky。我认为这是一个好主意：如果使用第一个，则该元素“不占用空间”，即它向上移动后的内容，因此必须进行计算以使其不被覆盖。第二个，虽然不是为此设计的，但确实“占用空间”，所以在 DOM 保持在下面。嗯：Firefox 把我搞砸了，我经历了惨痛的教训，你必须为尽可能多的浏览器进行设计。
简短的故事来解释这一点 一切都围绕 Chromium 引擎。我们都在 Chromium 中进行了测试，并考虑了它在那里的外观。然后我们看看 Safari，如果它在这些中运行良好，一般来说，Edge 应该很快就会支持它，而 Firefox……比例很小，“让他们使用 Chrome，”他们说。
嵌套或嵌套 CSS 规则
2023年，W3C联盟借用 萨斯，CSS 的文本预处理器， 嵌套语法 o 嵌套 用英语。我们将尝试简要总结一下它是什么，以免让那些对 CSS 一无所知的人感到厌烦。在那之前，如果我们想在标签、类或 ID 上放置 CSS 规则，并在光标悬停时放置不同的 CSS 规则，则必须放置如下内容：
到 {
红色;
}
一个：悬停{
颜色：绿色；
}
现在可以嵌套规则，以便子类 :hover 位于标签块内 a:
到 {
红色;
&:悬停{
颜色：绿色；
}
}
我们不打算进入这里来评估一种语法或另一种语法是否更好。各人自行决定。事实上，即使在共享代码的网站上，SaaS 也被大量使用，并且他们实施它是有原因的。理论上， 它读起来更好并节省行数.
CSS 嵌套涵盖的内容比前面的示例要多，但我们感兴趣的是 Firefox 100% 支持它。事实上，我可以使用 告诉我们 谁是第一个这样做的。有些浏览器会强制您使用嵌套选择器 (&)，甚至将一个标签放入另一个标签中（label1 label2），而 Firefox 在没有它的情况下也可以完美运行。就是这样。下一篇就没有那么多了。
无需 JavaScript 的滚动动画
En 此链接 来自开发商 Mozilla (MDN) 的另一项新奇功能在 Firefox 中不再发挥作用。好吧，这不起作用。奇怪的是，MDN 以 Firefox 的创建者的名字命名，而它的博客也是我从 2023 年开始发现这个新奇事物的地方。这里我们不必谈论太多语法，我们必须坚持支持。那个，还有那个，直到那时，最常见的事情是 显示滚动位置 使用 JavaScript。在 JS 中，我们必须添加一个事件监听器，并根据我们在页面上的位置来增长一个容器。现在你只能使用CSS。
我冒昧地将其中一个示例的代码（如果您查看它，请忽略 z-index）添加到此页面。如果您使用 Chrome/Chromium、Vivaldi 和 Brave 等登录，您会看到顶部有一个内容旁边滚动的栏（如果没有出现任何问题）。然而，在 Firefox 中，该栏将显示为 100% 宽度。
Safari 并不比 Firefox 好，但是……
在 Safari 中也看不到动画，或者在撰写本文时还没有。这是另一个在 CSS 方面落后的主要浏览器，但情况并不完全相同。 Safari 是 macOS 上的默认浏览器，它在其生态系统中运行得非常好。 iPhone 也使用这种技术，因此它拥有重要的市场份额。因此，正如我们提到的，它是任何网页设计师分析的第二个浏览器。
当您想要实现新功能并访问 Can I Use（即参考）时，您首先会查看 Chrome，然后是 Safari，然后是其余部分。如果您决定不实现某些功能，并不是因为它在 Firefox 中不可用；而是因为它在 Firefox 中不可用。这是因为它不适合 Safari。因此，Mozilla 你应该改进你的浏览器，至少比Safari多。幸运的是，他正在这样做，但如果他不想远离 Chromium，那么速度会非常慢。