Конкретные элементы для CSS: цель?

Question

У меня проблема с гнездом: целевые псевдоклассы. В настоящее время у меня есть секция с якорем внутри.

Он работает правильно прямо сейчас, когда я нажимаю якорь, который ссылается на #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: целевая декларация будет работать для всех анкеров внутри моих секций. Во всяком случае, чтобы указать, что-то вроде

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

и

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

Любые предложения?

Для справки: www.redsquiggli.es

В основном пытаются получить элементы внутри моей текущей вкладке, чтобы сделать другое действие, чем вкладки аккордеона при нажатии.

Answer 1

От imakewebthings на Forrst: http://forr.st/~B9d

Вы не можете вкладывать целевые селекторы. Документы могут иметь только один идентификатор фрагмента (вещь после #), поэтому может быть только одна цель. Родительский селектор будет работать, чтобы сохранить родительскую вкладку с нужной шириной, если такой селектор существует, но это не так.