CSSの::afterと:after コロンの数の違いは？ 疑似要素とクラスとは | 初代編集長ブログ―安田英久

今日は、Webの現場寄りに、CSSの話を。セレクタで「:after」と「::after」がありますが、どちらが正しいのでしょうか。そもそも、「疑似クラス」や「疑似要素」とはどういうものなのでしょうか。 CSSセレクタにはいろいろありますが、「::after」「::before」という書き方と、「:after」「:before」という書き方があります。 昔からCSSに触っている人は、「え？ コロンが2つって何？」となると思います。使い慣れた「:after」と今の「::after」は何が違うのでしょうか。 疑似クラスは「:」、疑似要素は「::」CSS3では、次のようにされています。 「疑似クラス」は「:hover」のようにコロン1つで書く「疑似要素」は「::after」のようにコロン2つで書く昔はどちらもコロン1つで書いていたのですが、CSS3でこの2つが区別できるように分けられました。古い人

[takaesu]

&コロン &コロンコロン などの違い

[daizo1117]

“疑似クラス”

[kaeru-kana]

んっ！？　チェックしぃとこっと。。

[kihan]

擬似クラスいっぱいあるね。改めて知らない奴は使い方覚えなきゃと思う。

[pipehead]

> 現在の仕様では、1つのセレクタに疑似要素は1つしか指定できません。また、セレクタ内で原則として最後に指定します。