CSS的特定元素：target？

Question

我在嵌套：target伪类时遇到问题。 我目前有一个内部带有锚点的部分。

现在，它可以正常工作，当我单击链接到#Current的锚点时，它将扩大区域并显示#Current中的内容。

但是，在#Current内部，我还有另一个链接到#Taask的锚点。 发生这种情况时，我不想再次设置宽度，只想设置显示。

这是我的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：target声明将适用于我的部分中的所有锚。 无论如何要指定类似

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

和

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

有什么建议么？

供参考：www.redsquiggli.es

基本上是尝试使“当前”选项卡中的项目与单击时的“手风琴”选项卡不同。

Answer 1

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

您不能嵌套目标选择器。 文档只能有一个片段标识符（在＃后面），因此只能有一个目标。 如果存在这样的选择器，则可以使用父选择器将父选项卡保持在所需的宽度，但是这样做并不是出于充分的理由。