2018年8月16日ニワカが個人的に使いこなせていないCSSを覚えるための個人的メモです。擬似要素と擬似クラスをまとめる前に違いを覚えておくためのメモ。最初に書いておくとW3Cの日本語訳や色々なサイトを見ましたが、小難しい説明できちんと理解はまだ出来ていません。擬似要素は要素内の一部(特定のパーツ)に対してスタイルを適用する。CSS3までで勧告されているのは以下の4つ。::before::after::first-letter::first-line他に、::selectionがCSS3で草案止まり、::backdropと言うのが実験段階であるようです。::first-letterが、最初の一文字目のみに、::first-lineが文章の一行目のみにスタイルが適用されるように、要素内の一部に対してというのが特徴。::beforeや::afterに関しては考えると分かりづらくなるが要素内に存在しない要素を作っている感じらしい。ちなみに擬似要素が「::」コロン二つなのはCSS2からCSS3になった際に擬似クラスと擬似要素の見分けをはっきりするために導入されたようです。「::」はie8では解釈できないので使用する場合はie9以上。ie8も対応する場合は、「:」コロン一つにすること。擬似要素の考察W3Cの日本語訳ですと「擬似要素は文書ツリー上に、文書言語によって記された以上の抽象概念を生成する。