如何将jquery mobile的css应用于特定元素?
请帮助我。
答案 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;