是否有沒有使用JavaScript的點擊事件？

Question

我有這樣的代碼：

CSS：

.tab div { 
    display: none; 
} 

.tab div:target { 
    display: block; 
    position: absolute; 
    top: 20px; 
    z-index: 999; 
} 
.c { 
    position: absolute; 
    top: 30px; 
    width: 20px; 
    height: 20px; 
    background: yellow; 
    z-index: 1; 
} 

BODY：

<div class="tab"> 

<a href="#link1">Link 1</a> 
<a href="#link2">Link 2</a> 
<a href="#link3">Link 3</a> 

<div id="link1"> 
    <h3>Content to Link 1</h3> 
    <p>Hello World!</p> 
</div> 

<div id="link2"> 
    <h3>Content to Link 2</h3> 
    <h4>Great success!</h4> 
</div> 

<div id="link3"> 
    <h3>Content to Link 3</h3> 
    <p>Yeah!</p> 
</div> 

<div class="c" style="display:block"></div> 
</div> 

https://jsfiddle.net/z9v4py3c/

我想是有一個什麼辦法：當我點擊「一個元素「，」C「級的div消失。我嘗試了很多選擇，但我不是CSS專家。在這個代碼中，「輸入元素」不能出現或者是JavaScript。我將非常感謝您的幫助。

Answer 1

只需複製和移動div.c到id="link#"：https://jsfiddle.net/z9v4py3c/1/

Answer 2

我能找到這樣做是僞造的唯一辦法。

CSS：只針對.tab中的父級div，並使背景變成白色。

.tab > div { 
    display: none; 
    background:white; 
} 

HTML：在跨度

<span><div class="c" style="display:block"></div></span> 

封裝的C現在，當鏈路是活動的但只是隱藏下白色的黃色。

見我Fiddle