Есть ли способ группировать элементы `<li>`?

Мне нужно разделить на группы несколько элементов <li> в списке, возможно ли это? (Я знаю, что я даю каждому элементу разные имена классов/отдельные в разные <ul>)

Ответ 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 был моим первым предположением; слишком плохо, что вы не можете использовать это.

Ответ 2

Согласно схеме 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"> ...

Ответ 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>

Здесь у нас есть три группы (мясо, вегетарианец и вегетарианец), а некоторые начинки, такие как грибы и лук, являются частью более одной группы.

Ответ 4

Я считаю, что ваши единственные варианты - те, которые вы уже идентифицировали, несколько списков или через классы, поскольку для li для быть в списке, определяемом ul или ol, он должен быть непосредственным потомком этого ul/ol (ссылка).

Ответ 5

Если вам нужно разделить на разные группы элементы из одного неупорядоченного списка, чем они должны принадлежать к разным спискам, это не он ИЛИ должен быть сгруппирован в упорядоченный список (многие UL в одном OL).

Если это необходимо для представления (для отображения одного списка на многих столбцах), и вы можете решить несколько ограничений, второй метод в 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

Такие группы существуют для select (optgroup), но, очевидно, вы не можете отделять элементы опции, потому что вы должны выбрать только один из них, чтобы они принадлежали к одному и тому же элементу.