[CSS]：空の疑似セレクタ落とし穴

:empty 擬似セレクタは、空の要素を選択します。私たちは、代わりに空のコンテンツの有用なメッセージを表示したり、完全に内容を隠すためにこれを使用することができます。しかし、  :empty それはそれは空考慮した要素になると、擬似セレクタは、潜在的に紛らわしい行動のカップルが付属しています。

<！DOCTYPE HTML > 
< HTML のlang = "" > 
  < ヘッド> 
    < メタのcharset = "UTF-8"  /> 
    < スタイルタイプ= "テキスト/ CSS" > 
      P { 
        背景：RGB（255、211、233） 。
        マージントップ：10pxの; 
        マージン下：0PX 。
        パディング：10pxの; 
      } 
      IMGは、空の要素として考えられることcarefualて// 
      空：* {
        表示：なし; 
      } 
    </ スタイル> 
  </ ヘッド> 

  < 身体> 
    < P > </ P > 
    < P >一部のコンテンツ</ P > 
    < P > </ P > 
    < IMG
       幅= "200pxの" 
      高さ= "200pxの" 
      SRC =」 https://source.unsplash.com/user/erondu/daily」
    /> 
  </ ボディ> 
</ HTML >