我们正在 Zend 框架上运行一个（桌面）电子商务站点，该站点非常大（就编码和不同部分而言）。我们现在正在计划一个针对移动设备优化的网站，并且我们正在研究 Jquery Mobile。
我们正在尝试两件事来决定我们应该选择哪条道路。
1) 使用 Jquery 移动主题来构建我们的 HTML，然后从那里自定义它。
或者
2）建立我们自己的主题。
目前我正在尝试 2) 构建我们自己的主题。
我发现了自定义页面（CSS）的问题。请您回答我的以下问题。我正在关注 Jquery 移动网站上的指南。
1) 是否必须包含默认的 jquery css ( http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css )？
或者
2) 是否可以使用我们的自定义样式更新默认的 jquery css？
另一个问题，我使用以下代码创建了文件，
<div data-role="collapsible" data-inset="false" data-expanded-icon="arrow-d" data-collapsed-icon="arrow-r" data-iconpos="right" data-corners="false" data-theme="inner_menu">
<h3 class="inner_menu_heading">Section A1</h3>
<div data-role="collapsible-set" data-inset="false" data-icon="arrow-r" data-iconpos="right" data-corners="false">
<div data-role="collapsible" data-collapsed="false">
<h3 class="sub_menu_heading">Section A1.1</h3>
<p>I'm the collapsible set content for section 1.</p>
</div>
<div data-role="collapsible" data-collapsed="false">
<h3 class="sub_menu_heading">Section A1.2</h3>
<p>I'm the collapsible set content for section 2.</p>
</div>
</div>
<!-- section A1 end here-->
</div>
然而，在页面加载后，它会提供额外的标签。请看下面的代码。
<div class="ui-collapsible-content" aria-hidden="false">
<div data-corners="false" data-iconpos="right" data-icon="arrow-r" data-inset="false" data-role="collapsible-set" class="ui-collapsible-set">
<div data-collapsed="false" data-role="collapsible" class="ui-collapsible ui-collapsible-collapsed">
<h3 class="sub_menu_heading ui-collapsible-heading ui-collapsible-heading-collapsed ui-li-heading">
<a class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-right ui-btn-up-c" href="#" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="right" data-theme="c">
<span class="ui-btn-inner"><span class="ui-btn-text">Section A1.1<span class="ui-collapsible-heading-status"> click to expand contents</span></span>
<span class="ui-icon ui-icon-shadow ui-icon-plus"> </span></span></a></h3>
<div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">
<p class="ui-li-desc">I'm the collapsible set content for section 1.</p>
</div>
</div>
<div data-collapsed="false" data-role="collapsible" class="ui-collapsible ui-collapsible-collapsed">
<h3 class="sub_menu_heading ui-collapsible-heading ui-li-heading ui-collapsible-heading-collapsed">
<a class="ui-collapsible-heading-toggle ui-btn ui-btn-icon-right ui-focus ui-btn-up-c" href="#" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="span" data-icon="plus" data-iconpos="right" data-theme="c">
<span class="ui-btn-inner"><span class="ui-btn-text">Section A1.2<span class="ui-collapsible-heading-status"> click to expand contents</span></span>
<span class="ui-icon ui-icon-shadow ui-icon-plus"> </span></span></a></h3>
<div class="ui-collapsible-content ui-collapsible-content-collapsed" aria-hidden="true">
<p class="ui-li-desc">I'm the collapsible set content for section 2.</p>
</div>
</div>
</div>
<!-- section A1 end here-->
</div>
这些附加标签（例如 new 和 之后的标签）会导致样式问题。是否可以删除/自定义这些标签以避免出现问题？
或者
因为我需要包含 jquery.min CSS 文件，我是否应该只保留 jquery 默认 CSS 文件并创建一个覆盖 CSS 文件以进行自定义？
或者
我应该制作自己的 CSS 文件，复制普通的 jquery CSS，然后自己更改它吗？因此，我总共有一个 CSS 文件。
请帮助/建议我解决上述问题。