css - 私のものをオーバーライドするjQuery Mobileスタイルを停止しますか?

Question

独自のスタイルを使用するメニューがありますが、jQuery Mobile css がメニュー スタイルをオーバーライドし続けます。スタイリングを ui-body に限定してほしいと思いました。jQuery Mobile css がメニュー スタイルを上書きしないようにする方法はありますか? jQuery Mobile インクルード リンクの前後にスタイルを移動しようとしましたが、助けにはなりませんでした。data-role="none" も試しましたが、助けにはなりません。ご協力いただきありがとうございます。

Answer 1

!important を使用して、JQ Mobile がスタイルを上書きしないようにしてください。

元：

font-weight:normal !important;

Answer 2

わかりました。サンプルコードを提供すると役に立ちますが、次のことが起こっていると思います。

サンプルhtml：

<div class="my-menu">
    <ul class="menu">
        <li><a href="#"></li>
        <li><a href="#"></li>
        <li><a href="#"></li>
    </ul>
</div>

jQuery mobileには、おそらく次のように設定されたクラスがあります。

<style>
    a {color:blue;}
</style>

これをオーバーライドするには、クラスをより具体的にする必要があります。

<style>
    div.my-menu ul li a {color:red;}
</style>