擬似要素と擬似クラスを繋げる方法は簡単だけど、意外と知らない
擬似要素と擬似クラスってなんかごっちゃになってる人多いと思うんだけど、そのままそこまでちゃんと覚えなくていいかもしれないっすね。
でも擬似要素と擬似クラスを繋げるには順番は覚えないといけないので注意してください。
擬似要素とは
::before
::after
::first-letter
::first-line擬似クラスとは
:hover
:link
:visited
:active
:first-child
:last-child擬似要素と擬似クラスを繋げる方法
そんなに頻繁には擬似要素と擬似クラスを繋げることはないと思いますが、いざという時に役立ちます。
li:last-child::after要素 + 擬似クラス + 擬似要素
「：（コロン）」の数が左から右へ順に増えていくと覚えておけば忘れないかと。