Question

我想改变jQuery手风琴中链接的颜色。我该怎么办？

CSS

.x
{
    color: red;
}

HTML

<div id="test">
    <h3><a href="#">One</a></h3>
    <div>111
    </div>
    <h3><a href="#">Two</a></h3>
    <div>222
    </div>
    <h3><a href="some_link" class="x">Three</a></h3>
    <div> bla</div>
</div>

以下是一个示例：Fiddle

Answer 1

将此代码添加到底部的CSS中。

.ui-accordion .ui-accordion-content-active {
        color:red;
}

这会使黑色变为红色。

另外，在jquery-ui.css

之后声明你的css

<强> WORKING DEMO

修改

如果您需要将样式应用于heeader，则需要为h3.ui-accordion-header a.x创建一个css，如下所示。

代码更改

h3.ui-accordion-header a.x { color: #FF0000; }

<强> WORKING DEMO

希望这有帮助。

Answer 2

或者

.x
{
  color: red !important;
}

希望这有帮助

Answer 3

虽然添加!important会起作用，但您应该仅将其用作最后的手段，因为如果您需要覆盖已设置!important的样式，则可能导致许多维护问题在它上面。

相反，使用选择器优先级来增加选择器的权重：

#test .x {
    color: red;
}

Example fiddle

Answer 4

参见 demo

.ui-accordion-header a
{
    color: red ;
}

如何在jQuery手风琴中更改链接的文本颜色

4 个答案: