Javascript 动态<；风格>；标记未将样式应用于类

这似乎很简单，但却令人极度沮丧

我为一个学校项目开发了一个聊天应用程序。是.NET信号器和jquery意大利面。这不是生产就绪代码。然而，我的非科技家庭喜欢在白天偶尔登录聊天

最近流量已经足够大了，我想通过颜色来区分用户名。因此，在向chatHub添加用户时，我运行如下操作：

var color = randomColor({ luminosity: 'dark', count: 1 });
var className = "span.user-name.user" + id.split('-')[0];
$("<style type='text/css'>." + className + "{color:" + color + ";}</style>").appendTo("head");

var color=randomColor（{亮度：'暗'，计数：1}）；
var className=“span.user name.user”+id.split（'-'）[0]；
$（“+className+”{color:“+color+”；}”）.appendTo（“head”）；

正如你所看到的，我使用了极端的特异性。我可以在chrome inspector中看到实际的

不幸的是，这个类似乎并不影响实际的元素。这是inspector中的元素

我不完全确定问题出在哪里。我尝试添加以下内容：

添加到

而不是

特异性越来越高

在inspector.stylesheet中更改它（在此处有效）

确保我没有用数字开始任何课程（CSS 2？）

通过CSS验证程序运行

我不知道还有什么好尝试的。如果一些css忍者能告诉我我做错了什么，我会非常感激

---

伙计，这太尴尬了。谢谢大家

构建CSS字符串的方法是在

span

之前插入一个

（它是一个标记，而不是一个类）。删除该选项，所有选项都应起作用：

var color = randomColor({ luminosity: 'dark', count: 1 });
var className = "span.user-name.user" + id.split('-')[0];
$("<style type='text/css'>" + className + "{color:" + color + ";}</style>").appendTo("head");

var color=randomColor（{亮度：'暗'，计数：1}）；
var className=“span.user name.user”+id.split（'-'）[0]；
$（“+className+”{color:“+color+”；}”）.appendTo（“head”）；

你刚才做了

.span

<代码>span不是类，请删除点

删除类名称前的点，因为span不是类元素：

$("<style type='text/css'>" + className + "{color:" + color + ";}</style>").appendTo("head");

$（“+className+”{color:“+color+”；}”）.appendTo（“head”）；

太多关注别处的经典案例。哈哈，谢谢@Rob。像这样的小事总是会让我们失望的！：-）是的：（谢谢Poly。我责备刚出生的宝宝。你有一个新宝宝吗？：D那样的话，我就不管了：D