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

CSSで一般的に使用される疑似クラス

以下は、一般的に使用される疑似クラスの一部です

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

  1. CSSの要素タイプセレクター

    CSS要素タイプセレクターは、タイプのすべての要素を選択するために使用されます。 CSS要素タイプセレクターの構文は次のとおりです 構文 element {    /*declarations*/ } 例 次の例は、CSS要素タイプセレクターを示しています <!DOCTYPE html> <html> <head> <style> li {    list-style: none;    margin: 5px;    border-bottom-style: do

  2. CSS：focus-疑似クラス内

    フォーカスされた要素の親のスタイルを設定する場合は、CSS：focus-withinpseudo-classを使用します。 次の例は、CSS：focus-withinpseudo-classを示しています。 例 <!DOCTYPE html> <html> <head> <style> form {    margin: 2%;    padding: 2%;    display: flex;    flex-direction: column;   &