CSS的特定元素：target？

Question

我遇到了嵌套問題：目標僞類。我目前有一個內有錨的部分。

它現在正在正確工作，當我點擊鏈接到#Current的錨時，它會擴大區域並顯示#Current中的任何內容。

但是，在我的#Current中，我有另一個鏈接到#Tasask的錨。發生這種情況時，我不想再設置寬度，我只想設置顯示。

這是我的HTML和CSS代碼：

<section id="Current"> 
    <a href="#Current">Current Work</a> 
    <div class="accordion_content"> 
     <ul id="current_projects"> 
      <li><a href="#Taask">Taask</a></li> 
     </ul> 
     <div id="Taask" class="project_info"> 
      Some Info 
     </div> 
    </div> 
</section> 

#Current:target { 
    width: 780px; 
} 

這個CSS：目標聲明會爲我段裏的所有錨工作。無論如何指定類似

#Current .firstclass:target { 
    width: 780px; 
} 

和

#Current .secondclass:target { 
    display: block; 
} 

有什麼建議？

參考：www.redsquiggli.es

基本上試圖讓我的當前選項卡里面的物品被點擊時做不同的動作比手風琴標籤。

Answer 1

從imakewebthings上Forrst：http://forr.st/~B9d

不能嵌套的目標選擇。文檔只能有一個片段標識符（＃之後的東西），因此只能有一個目標。如果這樣的選擇器存在，父級選擇器將工作以使父級選項卡保持在期望的寬度，但是這不合理。