CSS的具体元素:目标?

时间:2010-12-07 13:56:38

标签: html css 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

基本上尝试让我的当前标签内的项目在点击时执行与手风琴标签不同的操作。

1 个答案:

答案 0 :(得分:0)

来自Forrst的imakewebthings:http://forr.st/~B9d

您无法嵌套目标选择器。文档只能有一个片段标识符(#之后的东西),因此只能有一个目标。父选择器可以使父选项卡保持所需的宽度,如果存在这样的选择器,但它没有充分的理由。