JQuery Mobile 1.4.5-ui迷你版被主题css覆盖

JQuery Mobile 1.4.5-ui迷你版被主题css覆盖,jquery,css,jquery-mobile,css-specificity,Jquery,Css,Jquery Mobile,Css Specificity,我正在将一个站点从JQM 1.2.1更新到1.4.5,并且我似乎无法获得按钮来应用具有正确顺序的依赖项的类ui mini的样式(据我所知) //默认JQM CSS: //来自ThemeRoller的自定义主题: //JQuery和JQM JS: 让事情尽可能简单,只需上面的裸体CDN文件和我的自定义主题,以及一个内部有一个按钮的页面div: <div data-role="page" data-theme="a"> <a class="ui-btn ui-mini ui-ic

我正在将一个站点从JQM 1.2.1更新到1.4.5,并且我似乎无法获得按钮来应用具有正确顺序的依赖项的类ui mini的样式(据我所知)

//默认JQM CSS:
//来自ThemeRoller的自定义主题:
//JQuery和JQM JS:
让事情尽可能简单,只需上面的裸体CDN文件和我的自定义主题,以及一个内部有一个按钮的页面div:

<div data-role="page" data-theme="a">
<a class="ui-btn ui-mini ui-icon-arrow-r ui-corner-all ui-btn-inline ui-btn-icon-left">BUTTON</a>
</div>


我被难住了。有人知道我哪里弄错了吗?

好吧,我的结构完全错了。必须回到机器上的说明,分别加载结构和图标包

  <link rel="stylesheet" href="css/themes/my-custom-theme.css" />
  <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-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> 

根据这段对话,我发现:你不应该同时领导JQM CSS和主题。。。但是JQM不能只处理主题css。这是我在1.2.1中所期望的行为(该主题仅用于颜色方案和视觉呈现,而不是字体大小之类的东西——我甚至在ThemeRoller中没有看到该选项),因此我不确定该断言是否正确。
  <link rel="stylesheet" href="css/themes/my-custom-theme.css" />
  <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-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>