擬似要素と擬似クラスの違いやダブルコロンとシングルコロンの話

私のように趣味でWebサイト作成をしていると基礎が抜け落ちていたりするので復習を兼ねて擬似要素と擬似クラスの違いについて考えてみました。 擬似クラス（Pseudo-classes） 擬似クラスには次のようなものがあります。何気なく使っていますが、擬似クラスという名称を知らない方も多いのではないでしょうか。 :link :visited :hover :active で、擬似クラスはCSS3で大幅に追加されました。 E:nth-child(n) ･･･ n番目の子要素に適用 E:nth-of-type(n) ･･･ n番目にあるE要素に適用 E:first-of-type ･･･ 兄弟関係にあるE要素で最初のものに適用 この他にもまだまだあります。これらの詳しい内容については「保存版！CSS3セレクタの説明書｜Webpark」をご参考に。 なぜ擬似クラスという名称なのか 例えば、以下のような

[emmylove]

なぜ擬似要素というのか？なぜ擬似クラスというのか？他の方法だと手間がかかるところ、より簡単な設定でほぼ同じ（または似たような）＝擬似的に　効果が出せる、という意味のようだ

[daizo1117]

“擬似要素のダブルコロンはCSS3からで、CSS2までは擬似クラスと同じシングル”

[kk6]

IEしねって話だった

[kkeisuke]

擬似クラスと擬似要素を明確に区別するため擬似要素はダブルコロンにした

[atsushi1972]

擬似要素と擬似クラスの違いやダブルコロンとシングルコロンの話 擬似クラスには次のようなものがあります。何気なく使っていますが、擬似クラスという名称を知らない方も多いのではないでしょうか。 [] via Pocket July 03,

[sakimoridotnet]

“ブラウザによってはダブルコロンに対応していない場合があります。どのブラウザかというとお察しの通りIEです。”

[alumin73]

擬似要素と擬似クラスの違いやダブルコロンとシングルコロンの話