Question

我已经搜索并尝试了各种解决方案，但没有什么对我有用。如果使用，例如：

，页面中的字体很棒

<li><i class="fa-li fa fa-check-square"></i>List icons</li>

因此，字体真棒似乎正确设置。但是当试图实现伪类时，不工作。

.accordion-title {
   background-color: #4d90fe;
   background-image: -webkit-linear-
   gradient(top,#4d90fe,#4787ed);
   background-image: linear-
   gradient(top,#4d90fe,#4787ed);
   border: 1px solid #3079ed;
   margin-bottom: -15px;
   padding: 15px;
   cursor: pointer;
   color: #fff;
   font-size: 1.2em;
   position: relative;
}

.accordion-title:before {
    font-family: FontAwesome;
    top:0;
    left:-5px;
    padding-right:10px;
    content: "\f0a9"; 
    position: absolute;
    color: black;
}

根据插件，短代码输出代码如：

<div class="accordion">
<h3 class="accordion-title">Title of accordion item</h3>
<div class="accordion-content">
    Drop-down content goes here.
</div>
<h3 class="accordion-title">Second accordion item</h3>
<div class="accordion-content">
    Drop-down content goes here.
</div>

所以，可能是＆＃34; h3＆＃34;？我现在试了一个多小时。任何帮助表示赞赏。

Answer 1

我认为你的css被jquery-ui css覆盖了尝试使用inspect元素调试，找出答案。尝试使用！important 或父类来重视您的css规则

在伪类中添加字体真棒无法正常工作

1 个答案: