사용자 정의 테마 링크로 간섭하는 기본 테마

Question

링크의 사용자 정의 테마를 작성하려고합니다. jsfiddle에서 잘 작동하는 것 같습니다. 그러나 내 페이지에서 기본 테마가 우선합니다. 페이지 하단의 "더보기"는 자주색으로 표시되어야합니다. 그러나 아직도 파랗다. 여기

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

합니다 ... link

Answer 1

이 !important을 시도입니다

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