文本替换属性如何在 CSS 中工作？

Question

我正在参加考试。在那里我得到了以下问题：

考虑以下代码：

body{text-replace: "a" "b" "b" "c"}

如果实现了文本替换样式，下面的字符串会输出什么？

安迪住在咖啡馆后面

---

1. ndy 住在 cbfe 后面
2. cndy 生活在 ccfe 之后
3. 安迪住在咖啡馆后面
4. andy 生活在 bafe 后面

我在 css 中找不到 text-replace 属性的任何参考。

Answer 1

哇！您偶然发现了 2007 GCPM specification 中最后一个属性并在 2010 年修订版中删除。并在那进行在线测试！要么你参加的测试已经过时了好几年，要么设置它的人只是从 W3C 规范的随机旧版本中提取并将它们都视为相关的（正如用户在 Stack Overflow 上所做的那样）。

由于这太深奥了，我只回答这个问题。不用说，此答案仅用于教育目的。在任何当前的 CSS 规范中没有text-replace 属性，而且已经有近十年没有出现了（css-content 和 css-gcpm 都没有）。不要把它放在你的 CSS 中并期望它工作。 不会。如果您需要在 HTML 文档中进行文本替换，请使用 JavaScript。

---

答案是 #2：“cndy 生活在 ccfe 之后”

确切的 CSS 示例出现在上面链接的规范中，示例描述如下（强调我的）：

以下两条规则产生相同的结果。 在第一条规则中，所有“a”字符都转换为“b”。随后，所有的‘b’字符都转换为‘c’。在第二条规则中，所有的‘a’和‘b’字符都直接转换为‘c’。

body { text-replace: "a" "b" "b" "c" }
body { text-replace: "a" "c" "b" "c" }

所以处理顺序是：

1. 安迪住在咖啡馆后面
2. bndy 生活在 cbfe
身后
3. cndy 生活在 cccfe