我如何重写Jquery移动结构CSS与customThemeRoller CSS

How do I override Jquery Mobile Structure CSS with customThemeRoller CSS?

本文关键字：CSS 结构 移动 customThemeRoller Jquery 何重写 重写      更新时间：2023-09-26

edit:我刚刚意识到我试图有样式的类不包括在ThemeRollers CSS。我试图样式.ui-li元素，但这些不包括在ThemeRoller。非常误导和令人恼火。我不记得他们的网站上有这个地址。

我已经通过JQM的ThemeRoller制作了我的第一个自定义主题。将要包含的JQM结构CSS将不断覆盖我的自定义ThemeRoller CSS。我试着把它放在JQM结构上面和下面的HTML代码的<head>部分: 
<link rel="stylesheet" href="myCustomTheme.css" />   
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" />

或

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile.structure-1.3.1.min.css" />   
<link rel="stylesheet" href="myCustomTheme.css" />

我也尝试了!important的东西在自定义CSS的元素，具有不正确的风格，但这仍然是由结构CSS覆盖。不知道为什么会这样。我如何使用自定义的ThemeRoller css，使其覆盖非主题的JQM结构css ?

  • 看到你的问题中的澄清。您是否尝试过为data-role="none"提供您想要提供自定义css的元素?

  • 它将阻止这些元素被应用到jquery移动结构css。

  • 并且您始终可以编辑jquery移动css到您的自定义样式。我们需要使用jquery mobile css的未压缩版本进行调试。

相关文章：