私は次のものを持っています:
<ul id="status-infos">
<li>x</li>
<li>y</li>
</ul>
<li>
要素を囲むために使用できる法的な要素はありますか? 例えば:
<ul id="status-infos">
<xxx id="xxx">
<li>x</li>
<li>y</li>
</xxx>
</ul>
私は次のものを持っています:
<ul id="status-infos">
<li>x</li>
<li>y</li>
</ul>
<li>
要素を囲むために使用できる法的な要素はありますか? 例えば:
<ul id="status-infos">
<xxx id="xxx">
<li>x</li>
<li>y</li>
</xxx>
</ul>
HTML 5 では、 item は要素<menu>
の親になることもできます.. (ただし、 を/の子として使用することはできません。それらの代わりにのみ使用できます) 。li
menu
ul
ol
あなたは別のものを使うことができますul
:
<ul id="status-infos">
<li>
<ul id="xxx">
<li>x</li>
<li>y</li>
</ul>
</li>
</ul>
私があなたの問題を本当に疑っているのは:
リスト内のリストアイテムの連続したブロックをCSSフックできる方法はありますか?
ええと、あなたは彼らにすべてのクラス名を付けるか、nth-child
範囲のようなもっと創造的な解決策に行くことができます。4番目から7番目までのすべてのリストアイテムにCSSを適用したいとします。次を使用します:
li:nth-child(n+4):nth-child(-n+7){
color:red;
}
のスタイリング フック用の追加のラッパーが必要な場合 (理由は?) <li>
、正しいアクションは<ul>
、 をコンテナーでラップすることです。
<div id="xxx_container">
<ul id="xxx">
<li>x</li>
<li>y</li>
</ul>
</div>
HTML の仕様により、要素はand要素li
の子として表示されることもあります。しかし、これはほとんど役に立ちません。なぜなら、これらの要素は の表現上の変形であることが意図されていて、それにもならなかったからです (通常は と同じようにレンダリングされます)。HTML5 ドラフトでの の新しい意味は別の問題ですが、ここでも関係ありません。menu
dir
ul
ul
menu
特定されていない問題に対する想定された解決策 (機能しない) ではなく、達成したいことを特定する別の質問をすることをお勧めします。