在 CSS 中为多个元素设置语言答案

【问题标题】：Setting language for multiple elements in CSS在 CSS 中为多个元素设置语言
【发布时间】：2023-04-04 16:05:01
【问题描述】：

在 CSS 3 中为引号 Q、BLOCKQOTE 和 CITE 指定国际语言变体的最简单方法是什么。下面的 CSS 有效，但看起来相当冗长：

:lang(af) > q, :lang(af) > blockquote, :lang(af) > cite {quotes: '“' '”' '‘' '’';}

我正在寻找一个不那么冗长的解决方案，可能是这样的：

:lang(af) > (q, blockquote, cite) {quotes: '“' '”' '‘' '’';}

但我不确定这种 CSS 声明是否合法并被所有浏览器支持。

【问题讨论】：

您可以使用 CSS 预处理器，例如 SASS 和 LESS。但是在 CSS 中，您应该将它们分开分组，就像在您的第一个语句中一样...
在 Webkit/FF 中有一个名为 :any() 的伪类可以解决问题，但在这种情况下它似乎毫无意义。目前没有对这个选择器进行分组的选项。我们必须在 CSS 选择器级别 4 中等待 :matches()。

标签： css iso

【解决方案1】：

拥有不同的类并根据语言环境切换它们怎么样？显然不会使用基于 CSS 的语言环境...

【讨论】：