jquery ui 手风琴悬停文本颜色

Question

我试图让手风琴的颜色仅在悬停的部分折叠时才在悬停时改变。

我得到的最接近的是这个，它只在我将鼠标悬停在文本上而不是手风琴元素的其余部分上时改变文本颜色，并且当该部分处于活动状态时它也会改变颜色。

CSS:

.ui-accordion a:hover{
  color:blue
}

HTML:

<div id="accordion">
    <h5>
        <a href="#">Section 1</a>
    </h5>
    <h5>
        <a href="#">Section 2</a>
    </h5>
</div>

Answer 1

您必须将悬停应用到 .ui-accordion-header 而不是 .ui-accordion a 对于 jQuery UI Accordion。如下操作

.ui-accordion-header:hover {
    color: blue;
}

Answer 2

根据我读到的内容猜测，您是否试图仅在不是开放元素时将颜色更改为蓝色？

Fiddle: http://jsfiddle.net/AtheistP3ace/7jf7cngd/

我在 fiddle 此处的示例中使用了 h3，这是我从 jquery 的站点获取的。你在使用 a 吗？ jQuery 自动将 .ui-state-active 添加到活动的，所以我利用了这一点。

.ui-accordion h3:not(.ui-state-active):hover{
  color:blue
}

已使用您添加的 HTML 更新 fiddle：http://jsfiddle.net/AtheistP3ace/7jf7cngd/1/

.ui-accordion h5:not(.ui-state-active) a:hover{
  color:blue
}

已更新以包括悬停整个 header：http://jsfiddle.net/AtheistP3ace/7jf7cngd/23/

.ui-accordion h5:not(.ui-state-active):hover a {
  color: blue
}