带有 h3 :before 的 Jquery Accordion header 状态

Question

我有一个 Jquery Accordion ，我想在标题前插入字体很棒的图标。目前在我的代码中我有:

.ui-accordion h3:before {
    font-family: 'FontAwesome';
    content: '\f0da';
    margin:0 5px 0 -15px;
    color: #000;
    padding-right:10px;
}

它总是在 Accordion 上的 h3 标题之前显示正确的插入符号。但是，我希望它只在默认模式下显示，ui-state-default，并希望在单击标题时执行其他操作，或者 .ui-state-active 。当我尝试添加 .ui-accordion .ui-state-default h3:before 代替 .ui-accordion h3:before 时，右插入符号消失了。我如何在 CSS 中执行此操作？

Answer 1

我记得元素“ui-accordion > h3”有自己的类“ui-state-default”所以正确的代码应该是:

.ui-accordion .ui-state-default:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  margin:0 5px 0 -15px;
  color: #000;
  padding-right:10px;
}

也可以简单使用

.ui-state-default:before {
  //your_code
}