我如何不将 jquery mobile 的 css 应用于特定元素？答案

【问题标题】：How don't i apply css of jquery mobile to specific elements?我如何不将 jquery mobile 的 css 应用于特定元素？
【发布时间】：2014-09-04 02:21:21
【问题描述】：

我如何不将 jquery mobile 的 css 应用于特定元素？

不修改jquery mobile的css文件有没有办法做到这一点？

请帮帮我。

【问题讨论】：

【解决方案1】：

您只需使用class="" 或div="" 属性调用适当的样式类或ID。在不知道您要做什么的情况下，这就是我可以提供的所有特异性。

【讨论】：

我的意思是，我不想将 jquery mobile 的基本 css 应用于特定元素。
啊，我明白了，抱歉。在这种情况下，您要么必须用自己的 CSS 覆盖，要么编辑 jquery 的 CSS。另一种方法是使用与 jquery 不同的 id 或类名（除非它在默认元素上，在这种情况下你不能这样做）。

【解决方案2】：

有几种方法： 1. 创建您自己的样式表并添加您的样式。例如，如果 jquery mobile 有一个 .button 元素，您可以自己定义它并通过编写自己的 .button 来输入覆盖属性，如

.button {
 background-color: #ccc;
}

当您加载样式表时，您必须最后加载此样式表。例如：

<link rel="stylesheet" type="text/css" href="jquery-mobile.css">
<link rel="stylesheet" type="text/css" href="mystyle.css">

请注意，您的样式表排在最后。

2.您可以使用样式属性将覆盖样式包含到元素本身中。这不是好的做法，但有助于解决一些特殊性问题。示例：

<button class="jquery-button" style="background-color: #ccc" > Button </button>

3.如果所有其他方法都失败了，您可以使用 !important 但确实要尽量避免这种情况，因为它会使您的代码更难维护，并且以后需要很长时间才能对其进行故障排除，而且它并不总是有效。示例：

.button {
background-color: #ccc !important;
}

或者也许您正在寻找类似 :not 选择器的东西，尽管跨浏览器兼容性是一个潜在问题： http://www.w3schools.com/cssref/sel_not.asp

【讨论】：

【解决方案3】：

只需在该元素上使用 data-role='none'

【讨论】：