LoginSignup
0
0

More than 1 year has passed since last update.

@r-b(RB)

疑似セレクタ・疑似要素の活用

Last updated at Posted at 2021-11-23

擬似クラスを利用すると、マウスホバー状態時など、HTMLのみでは表現できない状態のスタイルを設定できます。
擬似要素はHTML上に直接指定できない要素にスタイルをあてたり、存在しない追加のコンテンツを挿入したりできます。

サンプルのNEWSは、マウスオーバーやドラッグで選択した時のスタイル設定、
2つめ以降の要素にのみマージンを設定したり、CSSだけでNEWの表記を追加しています。

See the Pen Untitled by Ryuta Satonaka (@satonaka) on CodePen.

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0