Éléments spécifiques pour CSS: cible?

Question

J'ai un problème avec l'imbrication: les pseudo-classes cibles. J'ai actuellement une section avec une ancre à l'intérieur.

Cela fonctionne correctement maintenant, quand je clique sur l'ancre qui lie à #Current, cela va élargir la zone et afficher tout ce qui se trouve dans #Current. Cependant, à l'intérieur de mon #Current, j'ai une autre ancre qui lie à #Taask. Lorsque cela se produit, je ne veux pas redéfinir la largeur, je veux juste régler l'affichage.

Voici mon code html et 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; 
} 

Cette CSS: déclaration cible fonctionnera pour tous les ancrages à l'intérieur de mes sections. Quoi qu'il en soit de préciser quelque chose comme

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

et

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

Toutes les suggestions?

Pour référence: www.redsquiggli.es

Fondamentalement essayer d'obtenir les éléments à l'intérieur de mon onglet actuel pour faire une autre action que les onglets d'accordéon lorsque vous cliquez dessus.

Answer 1

De imakewebthings sur Forrst: http://forr.st/~B9d

Vous ne pouvez pas imbriquer sélecteurs cibles. Les documents ne peuvent avoir qu'un seul identifiant de fragment (chose après le #) donc il ne peut y avoir qu'une seule cible. Un sélecteur parent fonctionnerait pour garder la tabulation parent à la largeur désirée, si un tel sélecteur existait, mais ce n'est pas pour de bonnes raisons.