css - 本机主题干扰自定义主题链接

Question

我正在尝试为链接创建自定义主题。似乎在 jsfiddle 中工作正常。但在我的页面中，本地主题优先。页面底部的“SHOW MORE”应该是紫色的。但它仍然是蓝色的。

>     .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>

这是链接

​</p>

Answer 1

试!important...

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