CSS 指定 < >

发布于 2024-12-21 02:37:26 字数 79 浏览 0 评论 0 原文

有没有办法使用 CSS 来指定每次“小于符号”（键盘上 M 的右侧）或“大于符号”出现在文本中时，都应将其替换为实际单词“分别小于'或'大于'？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枕花眠 2024-12-28 02:37:27

CSS 不能作用于（不能修改）网页的文本内容，所以它不能做你所要求的事情。 CSS 只能影响表示和样式，在这种情况下，需要实际的文本替换，而 CSS 无法做到这一点。

但是，您可以使用 JavaScript 来执行此操作，特别是如果您希望定位的文档中有特定的 DOM 元素。像这样的东西可能会以基本的方式实现这一点，但不能解决符号前后缺少空格的问题：

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

CSS cannot act on (cannot modify, that is) the text content of a webpage, so no it cannot do what you're asking. CSS can only affect presentation and styling and in this case, would require actual text replacement, which CSS cannot do.

You can, however, do this with JavaScript, especially if you have specific DOM elements in the document you wish to target. Something like this may do the trick in a rudimentary way, but wouldn't account for a lack of spaces before or after the symbol:

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

回复收藏 0 原文