○○以外を指定する :notセレクタ
久しぶりにセレクタの話です。 「n番目の要素」や「ホバー時」など、要素を特定するイメージがあるcssセレクタですが、「○○以外」を対象とできる :not というセレクタがあります。 :notの働きはシンプルですが、知って […]
疑似要素
CSSで三角の吹き出しを作る方法
CSSだけで三角形の吹き出しを作るには2種類の方法があります borderで表現 linear-gradientで表現 borderで三角を表現する まずは古えから伝わるborderで作る方法です。borderをtop・ […]
疑似要素before、afterの使い方
CSSを学んでいると出てくる「擬似要素」。その名の通り、擬似的につくる要素です。私は雑なので呼び分けしないですが、マウスホバー時を指定する :hover や、n番目を指定するnth-child ・nth-of-type、 […]