Css 本机主题干扰自定义主题链接

我正在尝试为链接创建自定义主题。在JSFIDLE中似乎工作得很好。但在我的页面中，本地主题优先。页面底部的“显示更多”应为紫色。但它仍然是蓝色的

>     .ui-link-prp,
>     .ui-link-prp:visited,
>     .ui-link-prp:hover,
>     .ui-link-prp:active{
>       color: #9e0249;
>       font-size: 14px; 
>       font-weight: bold;
>       text-decoration: none;
>     }
>     
>     <ul>
>          <li><a href="#" class="ui-link-prp" data-theme="prp">show more</a></li>
>      </ul>

.ui链接prp，
>.ui链接prp：已访问，
>.ui链接prp：悬停，
>.ui链接prp：活动{
>颜色：#9e0249；
>字体大小：14px；
>字体大小：粗体；
>文字装饰：无；
>     }
>     
>

>

>

这是你的电话号码

---

​

试试

！重要信息

   ...{
        color: #9e0249 !important;
        font-size: 14px !important; 
        font-weight: bold !important;
        text-decoration: none !important;
     }