有時(shí)候項(xiàng)目中有這樣的需求荚醒,是:
對(duì)一個(gè)div或者其他元素而言溺职,hover之后需要觸發(fā)另外一個(gè)元素的某個(gè)css事件,這里拿hover事件做效果玲昧。
以下方法來(lái)自stackoverflow, 例子中用的是id窟蓝,當(dāng)然也可以用class
例如
<div id="container">
</div>
<div id="cube">
</div>
如果cube直接在container的里面:
#container:hover > #cube { background-color: yellow; }
如果cube在container的外面,其緊挨著container:
#container:hover + #cube { background-color: yellow; }
如果cube在container里面的任何地方:
#container:hover #cube { background-color: yellow; }
如果cube是container的兄弟節(jié)點(diǎn):
#container:hover ~ #cube { background-color: yellow; }