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>