Css_State
State
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の背景色が変更されます.Reference
この問題について(Css_State), 我々は、より多くの情報をここで見つけました https://velog.io/@kbm12/CssStateテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol