1、.ui-mobile-viewport是jquery mobile默认给body加的class,这样的话包含选择符优先级高一点
<style> .ui-mobile-viewport .gg { background-color:gray; color:red; } </style>
2、
一般我们在 jQuery Mobile 中定义个按钮的方法如下:
<a href="/" data-role="button" data-icon="home">返回首页</a>
data-icon 的值是 jQuery Mobile 预设好的,这里有个完整的列表(http://jquerymobile.com/demos/1.0rc1/docs/buttons/buttons-icons.html)。
如果我们想使用自己的图标,那么可以指定一个其他的 data-icon 的值,例如
data-icon="send-msg"
然后我们可直接在 CSS 定义:
.ui-icon-send-msg {background:url('/images/mail2_16x16.gif') no-repeat 0 0;}
相当于 ui-icon- 加上你指定的 data-icon 就是对应的 css 的 class 值。