下面是一个例子，演示如何在Firefox中隐蔽滚动条：
@-moz-document url-prefix() { / 在这里添加只对Firefox生效的样式 / body { scrollbar-width: none; }}
在上面的例子中，@-moz-document url-prefix()表示只有在URL以空字符串（即所有URL）为前缀的情形下，才会运用个中的样式。在body元素中，scrollbar-width: none;将隐蔽滚动条。
请把稳，这样的规则只在Firefox中生效，而在其他浏览器中会被忽略。确保在利用这样的规则时进行测试，以确保所需的效果在目标浏览器中按预期事情。
在CSS中，（星号）和 body 分别选择不同的元素或元素凑集。
（星号）选择器： 这是通配符选择器，匹配文档中的所有元素。利用 会选择页面上的每个元素，无论是块级元素、行内元素还是其他类型的元素。例如： { margin: 0; padding: 0;}
上述代码会将页面中所有元素的内外边距设置为零。
body 选择器： 这是针对文档的 <body> 元素的选择器。body 选择器用于针对全体文档的主体部分运用样式。例如：body { font-family: 'Arial', sans-serif; background-color: #f0f0f0;}
上述代码会将文档主体部分的字体设置为 Arial，并将背景颜色设置为 #f0f0f0。
以是， 是一个通用的选择器，匹配所有元素，而 body 是特定于文档主体的选择器，用于选择文档主体元素并运用样式。在某些情形下，你可能希望利用 body 选择器，以更有针对性地影响文档的紧张内容区域。
在最新的 Firefox 版本中，-moz-scrollbar-thumb 伪类选择器已被弃用，取而代之的是利用更通用的 CSS Scrollbar 模块规范。为了在 Firefox 中优化滚动条并使其变细，你可以利用新的规范中的属性。
以下是一个大略的示例，可以使 Firefox 中的滚动条变细：
/ Firefox 滚动条样式 / { scrollbar-width: thin; scrollbar-color: #999999 #f0f0f0;}/ Webkit 滚动条样式（Chrome, Safari等）/::-webkit-scrollbar { width: 12px;}::-webkit-scrollbar-thumb { background-color: #999999;}::-webkit-scrollbar-track { background-color: #f0f0f0;}
上述样式包含两部分：
scrollbar-width 和 scrollbar-color 是 Firefox 滚动条样式的属性。scrollbar-width: thin; 会使滚动条变细，而 scrollbar-color 用于定义滚动条的颜色。在这里，滚动条颜色被设置为灰色 (#999999)，滚动条轨道的颜色被设置为淡灰色 (#f0f0f0)。对付 Webkit 内核的浏览器（如 Chrome 和 Safari），利用 ::-webkit-scrollbar、::-webkit-scrollbar-thumb 和 ::-webkit-scrollbar-track 来定义滚动条样式。请把稳，滚动条样式在不同浏览器中可能会有所不同，因此上述样式在 Firefox 中有效，而 Webkit 样式在 Chrome 和 Safari 中有效。在实际利用中，你可能须要根据须要进行调度和测试，以确保在不同浏览器中都能达到预期的效果。
