停止jQuery Mobile样式覆盖我的？

Question

我有一个使用自己样式的菜单，但jQuery Mobile css一直在覆盖我的菜单样式。我希望他们能将造型限制在ui身体上。有没有办法阻止jQuery Mobile css覆盖我的菜单样式？我试过在jQuery Mobile包含链接之前和之后移动我的样式但没有帮助。也试过data-role =“none”，没有帮助。谢谢你的帮助。

Answer 1

好的，如果您提供示例代码会有所帮助，但我假设发生了以下情况。

示例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>

Answer 2

尝试使用！important来阻止JQ Mobile覆盖您的样式。

EX：

font-weight:normal !important;