jquery - jQuery Mobile：网格布局

Question

我目前需要一个允许基于选项集的可折叠 div 的解决方案。这个想法是一个 div，左边是文本，右边是选项。

我已经实现了网格布局：

<li>
 <div class="ui-grid-a">
  <div class="ui-block-a">Do you require ............... &pound;1 </div>
  <div class="ui-block-b"><input type="radio" name="label" value="yes" />Yes<input type="radio" name="label" value="no" />No</div>
 </div>
</li>

但我要求ui-block-a是 70% 和ui-block-b30%

我尝试将以下内容添加到 CSS 以尝试重置它，但它不想工作：

.ui-block-a{
width:70%;
}
.ui-block-b{
width:30%;
}

有人知道这样做的方法吗？还是就像将类名更改为自定义类一样简单，还是我需要添加其他元素才能获得与.ui-block-b&相同的效果.ui.block-a

Answer 1

你必须!important在你的css中设置类：

JSFIDDLE

http://jsfiddle.net/tronc/pPmr5/1/