【CSS】かわいいタグをつくる

疑似クラスのまとめ。:first-child疑似クラスは、要素内で最初に書かれている子要素にスタイルが適用される。 最初 :first-child 最後 :last-child 奇数番目 :nth-child(odd)

CSSだけで、LINE風の吹き出しの会話を作ってみました。何かとよく使います。やはりレスポンシブにコーディングするのは難しいですね。シンプルに疑似要素の「:before」「:after」を使ってコーディングしています。角

4カラムの場合。before擬似要素、after擬似要素で空白のボックスを作る。 サンプル See the Pen 【flexbox】justify-content: space-between / Last line,