有没有办法分组`<li>`元素？

Question

我需要将<li>列表中的几个元素分成几组,是否可能？(我知道我给每个元素不同的类名/分成不同的<ul>)

Answer 1

您是否考虑过嵌套的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技巧是我的第一个猜测; 太糟糕了,你不能用它.

Answer 2

根据XHTML模式(或者无论如何都是模式),你在a中的唯一内容<ul>是a <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"> ...

Answer 3

您是否考虑过使用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>

在这里,我们有三组(肉类,素食和纯素食)和一些浇头,如蘑菇和洋葱,是一组的一部分.

Answer 4

我相信您唯一的选择是您已经确定的选项、多个列表或通过类，因为要使 anli位于 aul或 an定义的列表中ol，它必须是该/ （引用）的直接子级。ulol