疑似クラス:only-child

CSSの疑似クラス :only-child は、兄弟要素がない要素を指定します。
:first-childや:last-child :nth-child(n)と似た指定方法ですが、:nth-childほどに詳細に指定することはできません。

例ではonly-childという文字だけが非表示になり、テキストの文字だけが表示されます。

  

    
only-child
  

  

    
テキスト
    
テキストonly-child
  

section :only-child {
  display:none;
}