html - すべての子が同じ場合にスタイルを適用する

Question

めったにない要望があります：

スタイル「list-style:none」が必要なのは、子があり、<ol>タグがない場合のみです。

例、この場合、スタイルを適用します。

<div>
  <ol><li>1</li></ol>
  <ol><li>2</li></ol>
</div>

お互いに、スタイルを無効にします:

 <div>
  <p>
  <ol><li>1</li></ol>
</div>

最善の方法は何ですか？ありがとう

Answer 1

これは純粋な CSS では不可能です。olHTML を変更して手動でクラスを追加するか、スクリプトを使用して内部に要素のみがあり、他のタイプの子がないかどうかを判断してから、クラスまたはスタイルを適用する必要があります。

Answer 2

Try this.

div ol:only-of-type {
    list-style: none;
}

Any lists where there is only a single li element should now be styled with no list style.

Only compatible with IE9+ (and all the rest)

Source: http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

demo: http://jsfiddle.net/RGnJW/

Answer 3

次の CSS を使用できます。

ol li {
    list-style: none;
}