1

所以我有以下代码片段,我从 JQuery Mobile Navbars 的一个演示中复制了它:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<div data-role="footer">
        <div data-role="navbar">
            <ul>
                <li><a href="#" data-icon="grid">Summary</a></li>
                <li><a href="#" data-icon="star" class="ui-btn-active">Favs</a></li>
                <li><a href="#" data-icon="gear">Setup</a></li>
            </ul>
        </div><!-- /navbar -->
</div><!-- /footer -->

哪个确实按预期工作。但是,我的问题是css我必须链接到我的代码的文件,它覆盖了我的很多style.css文件(例如background-color)。我的问题是,.min.css移动导航栏是否真的需要该文件才能正常工作,或者是否有其他样式设置它们?也许可以在不同的 HTML 页面中声明此导航栏并在我要使用的页面中调用它?

任何帮助都会过去。谢谢。

4

1 回答 1

0

你可以让你的 style.css 选择器更具体,或者你可以使用 !important。

您可以使用 iframe 将您的导航栏放在另一个 HTML 中。

如果您的 style.css 链接标记在 jquery.mobile css 之后并且它们具有相同的选择器,则后一个将覆盖前一个。

阅读有关 CSS 特异性的更多信息

于 2019-12-26T15:52:29.857 回答