因此,我有以下代码片段,它们是从JQuery Mobile导航栏的演示之一复制的:
<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页面中声明此导航栏,然后在我要使用的页面中调用它?
任何帮助。谢谢。
您可以使style.css选择器更具体,也可以使用!important。
您可以使用iframe将导航栏放入另一个HTML中。
如果您的style.css链接标记位于jquery.mobile css之后,并且它们具有相同的选择器,则后一个选择器将覆盖前一个选择器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句