我有一个表单,我使用:hover
状态(没有JavaScript)使用css转换变得完全不透明
#containerDiv hover:#myForm{etc}
我希望当用户将光标置于任何表单字段:focus
内时,即使鼠标不再悬停在表单上时,状态也会保留。但是,我无法找到正确的语法来实现这一目标。
#containerDiv #myForm ??? focus:MyFormElement{etc}
我怀疑这可能只能使用JavaScript,因为级联顺序。但是,我不想使用JavaScript来做到这一点来保持清晰。
答案 0 :(得分:1)
为您的表单和焦点元素提供与此相同的css值
#containerDiv #myForm:hover , #containerDiv #myForm:hover MyFormElement:focus {etc}
伪选择器追踪上面演示的元素