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

您不能嵌套目標選擇器。 文檔只能有一個片段標識符（在＃后面），因此只能有一個目標。 如果存在這樣的選擇器，則可以使用父選擇器將父選項卡保持在所需的寬度，但是這樣做並不是出於充分的理由。