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

不能嵌套的目标选择。文档只能有一个片段标识符（＃之后的东西），因此只能有一个目标。如果这样的选择器存在，父级选择器将工作以使父级选项卡保持在期望的宽度，但是这不合理。