CSSの疑似クラスとは何ですか

CSS の疑似クラスは、要素の特別な状態を定義するために使用されます。これは、マウスが要素上にあるときにスタイルを設定したり、要素がフォーカスを取得したときにスタイルを設定したりするために使用できます。訪問済みリンクと未訪問リンクのスタイルが異なる場合にも使用できます。

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

CSS の疑似クラスは、要素の特別な状態を定義するために使用されます。

たとえば、次の目的で使用できます。

• マウスが要素上にあるときのスタイルを設定します。

• 訪問済みです 未訪問のリンクから異なるスタイルを設定します

#要素がフォーカスを取得したときにスタイルを設定します
#特定の構文:

selector:pseudo-class {
  property: value;
}

コードサンプル:

/* 未访问的链接 */
a:link {
  color: #FF0000;
}

/* 已访问的链接 */
a:visited {
  color: #00FF00;
}

/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}

/* 已选择的链接 */
a:active {
  color: #0000FF;
}

関連ビデオ共有:

cssビデオチュートリアル

以上がCSSの疑似クラスとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。