我想改变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
答案 0 :(得分:4)
将此代码添加到底部的CSS中。
.ui-accordion .ui-accordion-content-active {
color:red;
}
这会使黑色变为红色。
另外,在jquery-ui.css
<强> WORKING DEMO 强>
修改强>
如果您需要将样式应用于heeader,则需要为h3.ui-accordion-header a.x
创建一个css,如下所示。
代码更改
h3.ui-accordion-header a.x {
color: #FF0000;
}
<强> WORKING DEMO 强>
希望这有帮助。
答案 1 :(得分:3)
或者
.x
{
color: red !important;
}
希望这有帮助
答案 2 :(得分:1)
虽然添加!important
会起作用,但您应该仅将其用作最后的手段,因为如果您需要覆盖已设置!important
的样式,则可能导致许多维护问题在它上面。
相反,使用选择器优先级来增加选择器的权重:
#test .x {
color: red;
}
答案 3 :(得分:0)
参见 demo
.ui-accordion-header a
{
color: red ;
}