javascript - css 指定 < >

Question

有没有一种方法可以使用 CSS 指定每次“小于符号”(在键盘上 M 的右侧)或“大于符号”出现在文本中时，它应该被替换为分别是“小于”或“大于”的实际词？

Answer 1

CSS 不能作用于(不能修改，即)网页的文本内容，所以不，它不能做你所要求的。 CSS 只能影响外观和样式，在这种情况下，需要实际的文本替换，这是 CSS 做不到的。

但是，您可以使用 JavaScript 执行此操作，尤其是当您希望定位文档中的特定 DOM 元素时。像这样的东西可能会以基本的方式解决问题，但不会解释符号前后缺少空格的原因:

var node = document.getElementById("somenode");
node.innerHTML = node.innerHTML.replace("<", "less than");
node.innerHTML = node.innerHTML.replace(">", "more than");