CSS の疑似クラスと疑似要素の違い

疑似クラス

疑似クラスは、:hover、:active、:last-child などのセレクターのステータスを表します。コロン (:) で始まります。

CSS 疑似クラスの構文は次のとおりです。 -

:pseudo-class{ attribute: /*value*/ }

疑似要素

同様に、疑似要素は、::after などの仮想要素を選択するために使用されます。 、::before、::first -line など。

これらは二重コロン (::) で始まります。

CSS 疑似要素の構文は次のとおりです。 -

::pseudo-element{ attribute: /*value*/ }

例

次の例は、CSS 疑似クラスと疑似要素のプロパティを示しています。

ライブ デモンストレーション

    
  
You're somebody else
 Dummy link 1 Dummy link 2  

出力

これにより、次の結果が生成されます。

例

ライブデモ

    
  
Anymore Snare?
 
Donec in semper diam. Morbi sollicitudin sed eros nec elementum. Praesent eget nisl vitaeneque consectetur tincidunt. Ut molestie vulputate sem, nec convallis odio molestie nec.
 
Hit
 
Pop
  

出力

これにより、次の結果が生成されます -

以上がCSS の疑似クラスと疑似要素の違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。