CSS不能在标签云上工作

Question

我使用了一个jQuery标记云插件:http://johannburkard.de/blog/programming/javascript/dynacloud-a-dynamic-javascript-tag-keyword-cloud-with-jquery.html

在它上面，我试图用CSS突出显示一些标签。但是，不幸的是，我编写的CSS不影响任何标签。我的HTML代码:

<div id="dynacloud">
    <div id="text" class="dynacloud">
        <a href="#Create"><span>Create</span></a>
        <a href="#Edit"><span>Edit</span></a>
        <a href="#Modify" class="highlight"><span>Modify</span></a>
        <a href="#Movie"><span class="highlight">Movie</span></a>
        <a href="#Song"><span>Song</span></a>
    </div>
</div>

一些CSS:

.highlight {
    color:#333 !important;
    font-weight:800 !important;
    font-size:1.9em !important;
}

我在HTML代码中定义了类名"highlight"。但是，在查看了浏览器的inspect元素后，我发现我在HTML代码中定义的"highlight"类不再存在了。我不明白为什么会这样。我如何使我的一些标签突出显示?

我的作品:http://jsfiddle.net/learner73/LJcBB/

Answer 1

Dynacloud使用没有ID的类

演示http://jsfiddle.net/LJcBB/2/

<div class="dynacloud">

CSS

.dynacloud{
    margin-bottom: 20px;
    margin-left: 16px;
    text-align: center;
    line-height: 30px;
    word-spacing: 5px;
}
.dynacloud a{
    color: #999999;
    font-size: 1.6em !important;    
    font-weight: 100;
    text-decoration: none;
}
.dynacloud a:hover{
    color:#333;
    text-decoration:underline;  
}
.highlight {
    color:#333 !important;
    font-weight:800 !important;
    font-size:1.9em !important;
}