меню li a: active, как я могу заставить его работать должным образом?

Question

меню li a: active, как я могу заставить его работать должным образом?

0

Я занимаюсь навигационной панелью, и мне бы хотелось, чтобы пользователь нажал на "showreel" два других раздела. Как я могу это сделать с помощью CSS?

здесь мой код:

<li><a href="showreel.html">showreel</a>
    <ul>
     <li><a href="showreel.html">director</a></li>
    <li><a href="showreel.html">cinematographer</a></li>
    </ul>

user2834426 01 окт. 2013, в 17:32

Источник

1

когда вы говорите «пресс», вы имеете в виду щелчок мышью? а может мышь при наведении? Обратите внимание, что если пользователь щелкает ссылку (которая, как вам кажется, является элементом «showreel»), страница будет перенаправлена.
Nick 01 окт. 2013, в 14:50
0

что вы подразумеваете под "прессой"? это "зависание" или "щелчок"?
Mr_Green 01 окт. 2013, в 14:54

Теги:

html

css

4 ответа

0

Эта ссылка поможет вам. Откройте его в своем браузере, щелкните правой кнопкой мыши и проверьте элемент, вы найдете код.

vishalkin 01 окт. 2013, в 13:06

0

большое спасибо!
user2834426 03 окт. 2013, в 08:16

0

Хорошо, с новой разметкой, которую вы предоставили, я не думаю, что вы можете добиться того, чего хотите, просто с помощью CSS. Причина в том, что ваш

<a href="showreel.html">showreel</a>

тег, который получает: активный псевдокласс, но он не содержит двух других ссылок. Поэтому две ссылки не могут быть затронуты ссылкой showreel, а не только CSS.

Если вы хотите использовать Javascript, решение довольно простое.

NicolasMoise 01 окт. 2013, в 12:20

0

Я думаю, JS будет решением! Спасибо за объяснение!
user2834426 03 окт. 2013, в 08:17

0

Это поможет много, если вы сможете показать свою разметку.

Кроме того, для такого поведения лучше использовать JavaScript вместо CSS. Вы не должны использовать CSS для изменения стиля элемента в зависимости от другого внешнего элемента.

Если режиссер и кинематографист находятся в одном и том же элементе, то, возможно, такой вложенный селектор (я предполагаю, что ваш showreel является якорем, а другой - пролетом)

a:active > span {
   display: inline;
}

Но в очередной раз это не лучшая практика, и вы должны изучить решения Javascript.

NicolasMoise 01 окт. 2013, в 12:17

Ещё вопросы

когда вы говорите «пресс», вы имеете в виду щелчок мышью? а может мышь при наведении? Обратите внимание, что если пользователь щелкает ссылку (которая, как вам кажется, является элементом «showreel»), страница будет перенаправлена.
что вы подразумеваете под "прессой"? это "зависание" или "щелчок"?
Я думаю, JS будет решением! Спасибо за объяснение!

Daniel Imms · Accepted Answer · 2013-10-01T13-06-00.000Z

Как упоминают другие, вы, вероятно, захотите использовать :hover для меню наведения. Обратите внимание, что обычные меню наведения недоступны с использованием только клавиатур, и для их работы на клавиатурах необходимо использовать дополнительные усилия. Для этого вам нужно подключиться к событиям фокуса:

демонстрация

CSS

ul li:hover ul,

ul li.forceShow ul
{
    display:block;
}

ul ul {
    display:none;
}

JS

$('ul a').focusin(function () {
    $(this).parent().toggleClass('forceShow');
});