Go to Qiita Advent Calendar 2024 Top
LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

@moti_moti(もち もち)

【初心者向け】CSS疑似セレクタの種類と解説

Posted at

疑似クラスとは?

要素がある状態になった時にスタイルを適用させると言うもの！
〇の中にはクラス等が入ります！

〇〇:link

未訪問リンクのスタイルを指定します。

〇〇:visited

訪問済みリンクのスタイルを指定します。

〇〇:hover

要素にカーソルなどが乗った際のスタイルを指定します。
a:hoverでは“カーソルは乗っているがクリックはされていない状態”です。 （筆者は:hoverにopacitiy（透明にする、しない）を設定する等よく使います！）

〇〇:active

要素をクリックした際にクリックした要素にスタイルを適用させる
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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?