CSS來隱藏附近的div被點擊這個div時（工作懸停）

我的代碼：CSS來隱藏附近的div被點擊這個div時（工作懸停）

<div> 
<div class='top-class'> 
Header Name 
</div> 
<div class='body-class'> 
This is body a 
</div> 
</div> 


<div> 
<div class='top-class'> 
Another Header Name 
</div> 
<div class='body-class'> 
Another body 
</div> 
</div>

CSS代碼我想：

.top-class:hover + .body-class { display: block; } /* This is working */

但是，我希望這種情況發生時，頭被點擊。所以，我想這：

.top-class:visited + .body-class { display: block; } /* DIDNT work */

來源

2013-03-14 user2139745

訪問只能是在A我猜。您正在使用div的 – CaptainCarl 2013-03-14 14:31:49

您的第一個示例如何工作？ '.class-class'是'.top-class'的縮寫，不是孩子。 – cimmanon 2013-03-14 14:33:28

是的，：visited是一個僞選擇器，只適用於錨。 – isherwood 2013-03-14 14:33:36

僞類「主動」似乎做的工作

.top-class:active + .body-class { display: block; background-color: red; }

您可以檢查my jsfiddle

來源

2013-03-14 14:47:48

您可以使用tabindex在你第一個div話，就有焦點活動。

<div class='top-class' tabindex=1>Header Name</div>

然後在你的CSS測試focus僞類

.top-class:focus + .body-class { display: block; background-color: red; }

Check this jsfiddle

來源

2013-03-14 14:55:54 DoubleYo

這很好，但是當我點擊頁面的任何其他部分時，它就失去了重點。 – user2139745 2013-03-14 16:29:36

corse，但你想div永遠desapear？我怕你不能在純CSS中做這件事 – DoubleYo 2013-03-15 08:23:12

CSS來隱藏附近的div被點擊這個div時（工作懸停）

回答

相關問題