Я должен разделить на группы несколько <li>
элементы в списке, действительно ли это возможно? (Я знаю меня давание каждого элемента, который другой класс называет/разделяет в различный <ul>
)
Согласно схеме XHTML (или, в любом случае, схеме), единственное, что вы помещаете в
, - это
, как описано на http://www.w3.org/TR/2006/WD-xhtml-modularization-20060705/abstract_modules.html#s_listmodule
. Вы можете настроить внешний вид элементов списка с помощью CSS, присвоение различных значений класса элементам
.
<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>
Здесь у нас есть три группы (мясные, вегетарианские и веганские), а некоторые начинки, такие как грибы и лук, являются частью более одной группы.
Если вам нужно разделить на разные группы элементы из одного неупорядоченного списка, тогда они должны принадлежать разным спискам, не так ли, ИЛИ должны быть сгруппированы в упорядоченный список (много 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
Такие группы существуют для выбора (optgroup), но, очевидно, вы не можете разделить элементы option, потому что вы должны выбрать только один из них, чтобы они принадлежали одному элементу.
Рассматривали ли вы вложенные 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 был моей первой догадкой; жаль, что вы не можете его использовать.
Я полагаю, что ваши единственные варианты - это те, которые вы уже определили, множественные списки или через классы, поскольку для того, чтобы li
был в списке, определенном ul
или ol
, он должен быть непосредственным дочерним элементом этого ul
/ol
(reference).