我有以下html,其中我有条件地嵌入了ol或ul。我希望嵌入式列表在最终输出中至少在外观上成为连续列表。我可以用什么样的CSS样式来实现这个目标?
<ol>
<li>Coffee
<! -- embedded unordered or ordered list - begin -->
<ul>
<li>Apple</li>
<li>Orange</li>
</ul>
<! -- embedded unordered or ordered list - end -->
</li>
<li>Tea</li>
<li>Milk</li>
</ol>
HTML输出:
1. Coffee
. Apple
. Orange
2. Tea
3. Milk
必需输出:
1. Coffee
2. Apple
3. Orange
4. Tea
5. Milk
答案 0 :(得分:0)
您需要参与Javascript才能完成此任务。
试试这个jQuery:
$(function() {
$('ol li').each(function(index) {
$('li:has(ul li)').after(this);
});
});