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

CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ？ と迷ったことはありませんか？ :beforeと::beforeのどっちだっけ？ :notと::notのどっち？ :と::のどっちが疑似クラスだっけ？ ※CSS3では::beforeですが、CSS2では:beforeでした。 たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素、:と::の違いについて紹介します。 What's the difference between : and :: in CSS? by Salma Alam-Naylor(@whitep4nth3r) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSの「疑似」とはどういう意味か 疑似クラスとは 疑似要素とは はじめに 「CSS :と::の違い」をGoogl

[coliss]

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

[fellfield]

『::は擬似要素用で、::first-of-type, ::afterなど』……翻訳元の記事が間違えてるんだけど first-of-type は擬似クラスですよ https://developer.mozilla.org/ja/docs/Web/CSS/:first-of-type コロンの数はどちらでもブラウザが許容するので大丈夫。

[bleu-bleut]

「:」は疑似クラス、「::」は疑似要素で、beforeやafterは「:」でも下位互換性により動作する

[yuyans]

あまり気にして書いてないけどbefore/afterは2つ、それ以外は1つで書いてるかなあ。開発者ツールで調整するとき出てくるからわかるよね。

[mayumayu_nimolove]

復習ブクマ。1ヶ月後に通知してください。