如何使用 customThemeRoller CSS 覆盖 Jquery Mobile Structure CSS？答案

【问题标题】：How do I override Jquery Mobile Structure CSS with customThemeRoller CSS?如何使用 customThemeRoller CSS 覆盖 Jquery Mobile Structure CSS？
【发布时间】：2013-05-03 15:05:39
【问题描述】：

编辑：我刚刚意识到我试图设置样式的类不包含在 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" />

我还尝试了自定义 CSS 中的 !important 用于样式不正确的元素，但这仍然被结构 CSS 覆盖。不知道为什么会这样。如何使用我的自定义 ThemeRoller css 以覆盖未主题化的 JQM Structure CSS？

【问题讨论】：

在移动主题之后有你的主题，如果使用相同的类或 ID，你的样式将覆盖移动一次。同样使用!important 更多的是为您自己使用 CSS 提供视觉帮助，因此您不会删除 CSS 的那部分
感谢您的回复，安德鲁。在我的 HTML 中，我在 JQM 主题之后有我的自定义主题，而 JQM 仍然覆盖我的。
@user2132703 仅通过一个链接指向一些样式表，很难（...如果不是不可能...）帮助您。是链接本身吗？您的样式编写方式是否有错误？我们只能假设...你能给我们看一些代码吗？

标签： javascript jquery css jquery-mobile

【解决方案1】：

在您的问题中看到了澄清。您是否尝试过为data-role="none" 提供您想要提供自定义css 的元素？
它将阻止这些元素被应用到 jquery 移动结构 css。
而且您始终可以将 jquery 移动 css 编辑为您的自定义样式。我们需要使用未缩小版的 jquery mobile css 进行调试。

【讨论】：