Html CSS的特定元素:目标?
我在嵌套方面遇到了一个问题:目标伪类。我现在有一个里面有锚的部分 它现在工作正常,当我点击链接到#Current的锚点时,它会扩大区域并显示#Current中的任何内容 然而,在我的#Current中,我有另一个链接到#Taask的锚。发生这种情况时,我不想再次设置宽度,我只想设置显示 以下是我的html和css代码:Html CSS的特定元素:目标?,html,css,target,Html,Css,Target,我在嵌套方面遇到了一个问题:目标伪类。我现在有一个里面有锚的部分 它现在工作正常,当我点击链接到#Current的锚点时,它会扩大区域并显示#Current中的任何内容 然而,在我的#Current中,我有另一个链接到#Taask的锚。发生这种情况时,我不想再次设置宽度,我只想设置显示 以下是我的html和css代码: <section id="Current"> <a href="#Current">Current Work</a> <
<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;
}
及
有什么建议吗
参考:www.redsquiggli.es
基本上是试图让我当前选项卡中的项目在单击时执行与手风琴选项卡不同的操作。来自Forrst上的imakewebthings: 不能嵌套目标选择器。文档只能有一个片段标识符(在#之后),因此只能有一个目标。如果存在这样的选择器,则父选择器可以将父选项卡保持在所需的宽度,但没有充分的理由
#Current .firstclass:target {
width: 780px;
}
#Current .secondclass:target {
display: block;
}