Отдельные элементы для CSS: цель? - PullRequest
0 голосов
/ 07 декабря 2010

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

Сейчас он работает правильно, когда я нажимаю на якорь, который ссылается на #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

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

1 Ответ

0 голосов
/ 07 декабря 2010

Из изображений на Форст: http://forr.st/~B9d

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

...