CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

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

CSS疑似クラスは、一部のセレクターに特殊効果を追加するために使用されます。これらの効果を使用するためにJavaScriptやその他のスクリプトを使用する必要はありません。

最も一般的に使用される疑似クラスは-

値
説明
：link
このクラスを使用して、未訪問のリンクに特別なスタイルを追加します。
：訪問済み
このクラスを使用して、訪問したリンクに特別なスタイルを追加します。
：ホバー
このクラスを使用して、要素の上にマウスを置いたときに要素に特別なスタイルを追加します。
：active
このクラスを使用して、アクティブな要素に特別なスタイルを追加します。
：focus
このクラスを使用して、要素にフォーカスがあるときに要素に特別なスタイルを追加します。
：first-child
このクラスを使用して、他の要素の最初の子である要素に特別なスタイルを追加します。
：lang
このクラスを使用して、指定した要素で使用する言語を指定します。

  1. CSSの疑似要素とは何ですか

    CSS疑似要素は、基本的に、最初の文字、最初の行など、要素の特定の部分のセレクターです。：afterおよび：before疑似要素を使用して、要素の前後にそれぞれ挿入できます。 構文 以下は、要素でCSS疑似要素を使用するための構文です- Selector::pseudo-element {    css-property: /*value*/; } 例 CSS疑似要素の例を見てみましょう- <!DOCTYPE html> <html> <head> <style> ol, ul {    list-st

  2. 疑似クラスとすべてのCSSクラス

    疑似クラスキーワードは、それが追加されるセレクターの特別な状態を指定するために使用されます。これにより、より詳細な制御が可能になり、ホバー、チェック、訪問などの特定の状態にあるセレクターをターゲットにできるようになりました。 以下は、CSSの疑似クラスを示すコードです- 例 <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } a { &