Css_State


State

  • 開発者ツールで入手可能なセレクタ
  • Active:要素をクリックしたときに効果を適用する
    hover:マウスが要素の上を通過したときに効果を適用
    フォーカスフォーカス:キーボード選択時の効果の適用
    ≪アクセス|Access|ldap≫:アクセスしたサイトに効果を適用
    focus-in:親要素に適用されます.サブエレメントセットに効果を適用する

    stateを他の要素と結びつけて使用することもできます。


    1)親の状態に合わせて調整する

    form:hover input {
    background-color: slateblue;
    }
    formがサスペンションの場合、inputの背景色が変更されます.
    親の状態に応じて子どもの状態を調整することができます

    2)親子の状態に合わせて調整する

    form:hover input:focus {
    background-color: teal;
    }
    formがサスペンションでinputがfocusの場合、inputの背景色が変更されます.