【SCSS/CSS🔰】疑似クラス/疑似要素 「:」と「::」どっち？と迷ったら…

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。

現象

疑似要素/疑似クラスを前に記述するコロンの数が1個の時と2個の時とあって、わかりづらい。

対策

::beforeや::afterは「:」が2個
HTMLにはないものを作る時は「::」

:not()や:first-child、:hoverなどは「:」が1個
条件などを作る時は「:」

と覚えるとわかりやすい