擬似要素

CSS

【CSS】z-indexやabsoluteを使わずに見出しの左右に線を入れる方法

z-indexやabsoluteを使わずに見出しの左右に線を入れる方法をご紹介しています。
未分類

擬似クラスnth-childと擬似要素afterなどを同時に使いたい場合の注意点

擬似要素である:afterや:beforeを使うと矢印等の記号だったりを表示することができますが、もし特定の箇所のみ表示しないようにしたい場合や、〇番目から○番目だけ表示したい、といった場合:nth-childのような擬似クラスを擬似要素...
未分類

隣接セレクタ + を使用した時に擬似要素が表示されなくなったので原因を探った

デイトラ中級編、Webカンプからのコーディングを実践中、チェックボックスを擬似要素で作ったのですが、擬似要素が一向に表示されません。原因を探るとどうやら隣接セレクタ + の使い方に原因があったようです。 背景 以下のようなht...
タイトルとURLをコピーしました