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-b为30％

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

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

有没有人知道这样做的方法？或者它就像将类名更改为自定义类一样简单，或者是否需要添加其他元素以获得与.ui-block-b＆amp; .ui.block-a

Answer 1

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

的jsfiddle

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