css - JQUERY Mobile Multi Page Styling

我在一个单独的HTML中有很多页面，我想分别为每个页面单独的css文件。样式被覆盖，如下面的例子。如何做？

<!DOCTYPE html>
  <html>

 <head>
<title>Main category Page</title>

<meta name="viewport" content="initial-scale=1, maximum-scale=1" />

<link rel="stylesheet" href="lib/jquery.mobile-1.4.2.css">


<script src="lib/jquery-v1.10.2.min.js"></script>
<!--HEADSUP: Always load JQ before JQM as JQM depends on JQ-->
<script src="lib/jquery.mobile-1.4.2.min.js"></script>
<script src="js/helper.js"></script>
<script src="js/MainCategoryScript.js"></script>

</head>

 <body>

<div data-role="page" id="p1">
    <link rel="stylesheet" href="p1.css">
    <p>Hello World</p>
    <a href="#p2">Move</a>
</div>

<div data-role="page" id="p2">
    <link rel="stylesheet" href="p2.css">
    <p>Second Page</p>
</div>


 </body>

 </html>

JQUERY Mobile Multi Page Styling

0 个答案: