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

时间:2014-09-04 02:21:21

标签: jquery html css jquery-mobile

如何将jquery mobile的css应用于特定元素?

请帮助我。

3 个答案:

答案 0 :(得分:0)

您只需使用class=""div=""属性调用相应的样式类或ID即可。不知道你想要做什么,这就是我能提供的所有特异性。

答案 1 :(得分:0)

有几种方法: 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.您可以使用style属性将重写样式包含在元素本身中。这不是一个好的做法,但有助于解决一些特殊问题。 例如:

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

3.如果所有其他方法都失败了,你可以使用!重要但是真的试图避免这种情况,因为它会使你的代码更难维护,以后需要花费很长时间来解决它,除此之外它并不总是有用。 例如:

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

查看此文章:http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

或者你正在寻找的东西是:not selector,尽管跨浏览器兼容性是一个潜在的问题: http://www.w3schools.com/cssref/sel_not.asp

答案 2 :(得分:0)

在该元素上使用 data-role =&#39; none&#39;