1

子ノードの :hover 状態に基づいて親ノードに影響を与えることは可能ですか? すなわち。

nav ul li a:hover {
  /* something here to effect the li or the ul or the nav elements */
}

互換性については気にしません。アプリの対象ユーザーに基づいて、最新の firefox/chrome と ie9/10 のみを使用することを検討しています。したがって、CSS3 およびブラウザー固有の CSS は問題ありませんが、可能であれば jQuery (および一般的な JavaScript) は避けたいと考えています。

4

2 に答える 2

2

他の別の要素をホバリングしている間は、下流の兄弟または子孫のみをスタイルできるため、現在は不可能です（セレクターレベル3の時点）

ただし、セレクター レベル 4が安定し、UA がそれを実装し始めると、最終的には親コンビネーターを使用できるようになります。

<h2>Hello<span>World</span></h2>

h2! > span:hover {
background: azure; /*the h2 background changes while hovering over the span */
}
于 2013-05-05T17:30:23.877 に答える