疑似要素、疑似クラスについて - Qiita

無駄なspanタグを記述しなくてよくなりました。 このように選択された要素の特定の部分を指定して修飾するものを擬似要素と言います。 ちなみにCSS3から疑似要素は疑似クラスとの区別をつけるためにコロンを２つ付けるようになりました。 (ですが１つでも表示はされます。) どんな擬似要素があるか ::before ::after ::first-letter ::first-line など 実際に擬似要素を適用させたのがこちら See the Pen Pseudo-elements by taka (@gb-sweep) on CodePen. 疑似クラスとは？ 擬似クラスは選択される要素の特定の状態の時にスタイルを適用させるものです。 こちらはまだわかりやすいとは思いますがもう少しわかりやすく説明するならば、 よく使われるa:hoverがあると思います。リンクをホバーした際にそのスタイルが適用