HTML/CSS内联中的粗体数字

HTML/CSS内联中的粗体数字,html,css,regex,Html,Css,Regex,我想知道是否可以只在HTML/CSS中使用粗体数字?可以使用正则表达式吗?我正在寻找内联解决方案。我有一个在HTML文档中列出的RGB颜色的长列表,并且只希望在该列表中显示粗体数字(因此它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签或。在正则表达式中,我知道我可以使用运算符\d 我想: r6/g131/b187 r1/g90/b20 r0/g255/b71 变成这样:r6/g131/b187r1/g90/b20r0/g255/b71 到目前为止,难看且混乱的代码: r<

我想知道是否可以只在HTML/CSS中使用粗体数字?可以使用正则表达式吗?我正在寻找内联解决方案。我有一个在HTML文档中列出的RGB颜色的长列表,并且只希望在该列表中显示粗体数字(因此它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签
。在正则表达式中,我知道我可以使用运算符
\d

我想:

r6/g131/b187 r1/g90/b20 r0/g255/b71
变成这样:r6/g131/b187r1/g90/b20r0/g255/b71

到目前为止,难看且混乱的代码:

r<b>6</b>/g<b>131</b>/b<b>187</b>
r<b>1</b>/g<b>90</b>/b<b>20</b>
r<b>0</b>/g<b>255</b>/b<b>71</b>
r6/g131/b187
r1/g90/b20
r0/g255/b71

一种简单的方法是使用
标记来包装数字组

var content=document.querySelectorAll('td');
content.forEach(函数(单元格){
cell.innerHTML=cell.innerText.replace(/(\d+)/g,$1);
});

r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
r6/g131/b187 r1/g90/b20 r0/g255/b71
let str='r6/g131/b187 r1/g90/b20 r0/g255/b71';
document.getElementById('output')。innerHTML=str.replace(/\d+/g,函数(匹配){
返回“”+匹配+“”;
});
使用此


函数updateHaystack(input,pineel){返回input.replace(new RegExp('(^ |\s)('+pineel+'))(\s |$),'ig'),'$1$2$3');}var markup=document.getElementById('somediv').innerHTML;var输出=updateHaystack(标记“cows”);document.getElementById('somediv').innerHTML=output

如果HTML文档中列出了RGB颜色列表,那么可以做的是查找模式并捕获组,并用
标记将其包围

document.body.innerHTML=document.body.innerHTML.replace(/r(\d+)\/g(\d+)\/b(\d+)/g,“r$1/g$2/b$3”)

r6/g131/b187
r1/g90/b20
r0/g255/b71

测试=1
使用HTML和CSS是不可能的。您必须使用Javascript来实现这一点,如下所示

添加所需样式的简单方法

        var showNumbers = function(tag, className) {
        var text = $('' + tag).html()
        var output = '';
        for (var i = 0; i < text.length; i++) {
            if ($.isNumeric(text[i])) {
                output += "<span class='" + className + "' >" + text[i] + "</span>"
            } else {
                output += text[i]
            }
        }

        $('' + tag).html(output)
    }

    showNumbers('.checkMe', 'numColor')
    showNumbers('.checkMe2', 'numColor2')
var showNumbers=函数(标记、类名){
var text=$(''+标记).html()
var输出=“”;
对于(变量i=0;i

你到底在找什么?你想用css加粗吗?那么字体权重就是你的朋友了。你想用HTML做什么?那么坚强就是你的朋友。你想用正则表达式吗?为什么?这很简单:但是你需要指定一种编程语言。我列出了一个很长的RGB颜色列表,并且只想在列表中显示粗体数字(这样它们更容易看到)。我正在寻找更精简的解决方案,而不是手动添加标签或。在正则表达式中,我知道我可以使用operator\d…请原谅我的无知,我是从HTML开始的,如何多次使用?似乎当我使用第一个r6/g131/b187时——它完成了工作,然后我使用了第二次span(在下一行),但它不工作。我有一个表中的颜色列表。你应该学习使用Javascript操作DOM的基础知识。选择所有
元素并替换其内容,就像我在这个span中所做的那样。我已经更新了我的示例以包含一个表。“我希望这会有帮助,”彼得说