如何创建自己的颜色名称

Question

鉴于以下声明:

$('#upLatImb').append('<span style="color:#F62817; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

我想做的事情如下:

var problemcolor=0xF62817;
$('#upLatImb').append('<span style="color:problemcolor; text-decoration:blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

但这导致了许多html错误.

当然,我可以在所有.js文件中进行搜索和替换以更改颜色,但是如果可能的话我想使用逻辑名称,并且每种颜色只更改一个语句.

我只是刚刚超过绝对新手水平,所以所有的建议都是最受欢迎的.

Answer 1

看起来你想要一些令人难忘的重复使用的东西？

使用"color:#F62817"属性创建一个CSS类,并应用类而不是内联样式,这通常不是首选.

那么,你的CSS:

.problemcolor {
    color: #F62817;
}

.blink {
    text-decoration: blink;
}

你的jQuery:

$('#upLatImb').append('<span class="problemcolor blink">' + sprintf("%11.0f",fCargoLatMom).replace(/ /g,'&nbsp;') + '</span');

这里没有连接!这样可以提供更清晰的HTML/CSS,并且是更好的练习,并且令人难忘.