有没有办法把元素分组?

你考虑过嵌套UL吗?我相信这将证实:

<UL>
    <LI>
        <UL>
            <LI></LI>
            <LI></LI>
            <LI></LI>
        </UL>
    </LI>
    <LI>
        <UL>
            <LI></LI>
            <LI></LI>
            <LI></LI>
            <LI></LI>
            <LI></LI>
        </UL>
    </LI>
</UL>

你的CSS技巧是我的第一个猜测;可惜你不能用它。

根据XHTML模式(或者至少是一个模式),在 <ul> 是一个 <li> ,如所述 http://www.w3.org/TR/2006/WD-xhtml-modularization-20060705/abstract_modules.html#s_listmodule

您可以使用CSS调整列表项的外观,方法是为 <li> 元素。

<li class="group1"> ...
<li class="group1"> ...
<li class="group1"> ...
<li class="group2"> ...
<li class="group2"> ...
<li class="group2"> ...

你考虑过使用CSS类的多重继承吗?维护起来可能有点麻烦,但它可以解决多个组中相同条目的情况。HTML看起来像这样:

<ul class="pizza-toppings">
    <li class="meat">pepperoni</li>
    <li class="meat">bacon</li>
    <li class="vegetarian">cheese</li>
    <li class="vegetarian vegan">mushrooms</li>
    <li class="vegetarian vegan">onions</li>
</ul>

在这里我们有三组(肉类,素食者和素食者),一些配料,如蘑菇和洋葱,是其中的一部分。

我相信你唯一的选择是你已经确定的,多个列表或者通过类,因为 li 在由 ul 或者 ol ,一定是 立即的 那个孩子 保险商实验室 / 奥尔 ( reference ).

如果您需要从一个无序列表中将项目分成不同的组,那么它们应该属于不同的列表,不是吗,或者应该分组到有序列表中(一个OL中有许多ul)。

如果这是为了表示需要(在许多列上显示一个列表),并且可以解决一些约束,则 https://web.archive.org/web/1/http://articles.techrepublic%2ecom%2ecom/5100-10878_11-5810687.html 或者在这里解释: http://www.communitymx.com/content/article.cfm?page=2&cid=27F87

这些组存在于选择(OPTGROUP)中,但显然不能分离选项元素,因为您必须只选择其中一个元素,以便它们属于同一个元素。