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”。但是，在通过浏览器检查元素查看后，我发现我在 HTML 代码上定义的“突出显示”类不再存在。我不明白为什么会这样。如何使我的一些标签突出显示？

我的工作：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;
}