此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

:-moz-locale-dir(rtl)

非标准: 该特性尚未标准化。我们不建议在生产环境中使用非标准特性,因为它们在浏览器中的支持有限,且可能发生变化或被移除。不过,在没有标准选项的特定情况下,它们可以作为合适的替代方案。

CSS 伪类 :-moz-locale-dir(rtl) 是一个用于在用户界面为从右到左显示时,匹配元素的 Mozilla 扩展。其判断依据是首选项 intl.uidirection.locale(其中 locale 表示当前语言环境)被设置为“rtl”。

备注: 这个选择器主要由扩展和主题使用,用于根据用户的语言环境来适配用户界面。(这种情况可能会因窗口不同,甚至因标签页不同而变化。)它还允许扩展在不支持用户默认语言环境的情况下正常工作,因为扩展可以同时支持从左到右和从右到左的布局,而不依赖具体的语言环境。

警告: 这个选择器在 HTML 中无法正常工作;无论用户界面语言环境是从左到右还是从右到左,它都不会匹配。

语法

css
:-moz-locale-dir(rtl) {
  /* ... */
}

示例

如果你没有使用 Firefox,这个示例将无法运行;即使在 Firefox 中,也可能无法正常工作,因为在 HTML 中使用该选择器存在问题。

HTML

html
<p>如果你正在使用从右到左的界面,这段文字应该显示为红色。</p>

CSS

css
p:-moz-locale-dir(rtl) {
  color: red;
}

结果

规范

不属于任何标准。

参见