CSS 要素が一つだけのリストにCSSを別指定する

通常は連番のリストですが、要素が一つだけの場合は連番無しにしたいときは、

:only-child を使用します。

以下の順序で指定します。

ul li { list-style-type: decimal; ... }

ul li:only-child {

    list-style-type: none; /*リストスタイルなしにします*/

    margin-left: -20px; /*左インデントをリセットします*/

... }

<ul>
<li>これ</li>
<li>それ</li>
<li>あれ</li>
</ul>

<ul>
<li>これ</li>
</ul>

参考

first-childとlast-child、要素数が1つしかない時 - journal de kyart プログラマ／通訳の備忘録

http://d.hatena.ne.jp/kyart/20110307/1299483946