Html 使单字符css样式的网站?

Html 使单字符css样式的网站?,html,css,Html,Css,客户只要求将其站点的/设置为红色。。。整个网站 是否必须在每个/周围添加跨距,或者是否有更简单的方法?您必须将每个出现的字符包装在span标记或其他合适的标记中。(实际上,/也可以工作。)但是,如果这听起来更合适,您可以在客户端动态执行此操作(您可以使用客户端JavaScript遍历文档树并进行包装) 注意:这不适用于将纯文本作为声明内容的元素中的内容,例如option元素。在它们内部,单个字符的样式不能与元素的其他内容不同。不能单独使用css。检查此项以了解如何使用javascript执行此操

客户只要求将其站点的
/
设置为红色。。。整个网站


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

您必须将每个出现的字符包装在
span
标记或其他合适的标记中。(实际上,
/
也可以工作。)但是,如果这听起来更合适,您可以在客户端动态执行此操作(您可以使用客户端JavaScript遍历文档树并进行包装)


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

不能单独使用css。检查此项以了解如何使用javascript执行此操作,您可以尝试以下jQuery脚本:

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

.replace(/\/(?=[^>]*]*希望此示例有所帮助。我在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);
    });
});​
$(文档).ready(函数(){
$('*')。每个(函数(){
var n=$(this.html().replace(
新的RegExp('®',g'),
'®'
).替换(
新的RegExp(“®;”,“g”),
“®;”
);
$(this.html(n);
});
});​

不使用CSS,但有可能使用javascriptI使用
,如果你必须解析整个站点的这个标签并对其进行更改,那么这可能会很糟糕而且很慢。你到底为什么要这样做?这是真的原因吗?还是仅仅是客户的一时兴起?如果是后者,请解释为什么它没有真正的意义,并将提交给ta这样做需要很长时间。这可以添加标记(根据需要调整的字符数,可能是相当大的一部分)或者js开销。无论哪种方式,获得的收益都不值得性能的提升。我发誓互联网越快,客户要求的东西就越愚蠢……难道
font
标签不受欢迎吗?如果他要使用内联样式,他应该使用
/
,但就个人而言,我会在span中添加一个类-如果客户来自b怎么办ack并要求所有斜杠都是13px,他需要再做一次,这样至少一旦完成了,一旦很容易更改,各种文档可能会声明
font
已弃用、过时或诸如此类;我只是指出它是有效的,例如使用合适的CSS代码进行的
/
。如果要更改字体的视觉呈现方式由于一个未指明的原因,
font
将最好地传达这一思想,并且您也可以将
class
与之配合使用,无论是否带有
color
属性。-1字体标记已被弃用。它们在某些情况下也不能正常工作,因为它们已被弃用。@KyleSevenoaks,没有事实证据证明声称“它们在某些情况下也不能正常工作,因为它们已被弃用。”它们实际上比CSS对应项(即当CSS支持被禁用或您的CSS被覆盖时)工作得更频繁。这将替换不同的字符。如果您使用斜杠运行此操作,它将替换所有斜杠(如in等)如果站点中的所有斜杠都匹配
\s\/\s
(而不是
),则可以在斜杠前后添加空格。。