CSS：フォームフィールド要素のフォーカス遷移

Question

私は:hover状態（NOのJavaScript）を使用して完全に不透明になるように、CSSトランジションを使用している形態を有する

#containerDiv hover:#myForm{etc} 

Iは場合ままに状態を希望マウスがフォームの上にマウスを移動しなくても、ユーザーは任意のフォームフィールド:focusの中にカーソルを置きます。しかし、これを実現するための正しい構文を見つけるのが難しいです。

#containerDiv #myForm ??? focus:MyFormElement{etc} 

これは、カスケードの順序のためにJavaScriptを使用してのみ可能であると思われます。しかし、私は事を軽く保つためにこれを行うためにJavaScriptを使用したくありません。

Answer 1

フォーム集束要素のCSSの条件付きのルールを見てみると、この

#containerDiv #myForm:hover , #containerDiv #myForm:hover MyFormElement:focus {etc} 

擬似セレクターのように同じCSS値