Question

客户已经要求他的网站的/为红色......整个网站！

我是否必须在每个/周围添加跨距，或者是否有更简单的方法？

Answer 1

希望这个示例有所帮助。我在SO中找到了它。您可以使用斜杠®

的html代码替换/

$(document).ready(function() {
    $('*').each(function() {
        var n = $(this).html().replace(
            new RegExp('®','g'),
            '<sup>®</sup>'
            ).replace(
            new RegExp('&reg;','g'),
            '<sup>&reg;</sup>'
            );
        $(this).html(n);
    });
});

DEMO

Answer 2

您可以尝试以下jQuery脚本：

$('body').html($('body').html()
          .replace(/\/(?=[^>]*<)/gi, '<span style="color:red">/</span>'));

它只是包含不在带有span的标记内的所有斜杠。

检查您网站的速度，我相信它可以使用。

这是一个FIDDLE，用于证明使用前瞻(?=[^>]*<)对于防止标记<>内的匹配被替换非常重要。尝试删除它，结果HTML将被破坏。

Answer 3

无法单独使用css。查看此Link了解如何使用javascript

Answer 4

您必须在span标记或其他合适的标记内包装每个字符。（实际上，<font color=red>/</font>也可以工作。）但是你可以动态地在客户端执行此操作，如果这听起来更合适（你将拥有遍历文档树并进行包装的客户端JavaScript）。

注意：这不适用于将纯文本作为声明内容的元素中的内容，例如option元素。在它们内部，单个字符的样式不能与元素的其他内容区别开来。

使单个字符css风格的网站广泛？

4 个答案: