:active на li

@nonamez123 · Регистрация: 23.10.2010

Студворк — интернет-сервис помощи студентам

Собственно в манах по html псевдокласс :active приписывают элементу a, но работает он с li и в ff и в safari (хром следовательно тоже). Нормально ли это или всё таки лучше на js?

Vovan-VE · 15.01.2013, 15:21

http://www.w3.org/TR/CSS21/sel... do-classes

The :active pseudo-class applies while an element is being activated by the user. For example, between the times the user presses the mouse button and releases it.

... любой элемент ...

Note. Also note that in CSS1, the ':active' pseudo-class only applied to links.

Давным давно, когда колеса были квадратными...

@nonamez123 · 15.01.2013, 15:22 **[ТС]**

Сообщение от Vovan-VE

http://www.w3.org/TR/CSS21/sel... do-classes

... любой элемент ...

Давным давно, когда колеса были квадратными...

Но есть юзеры, которые на них ездят...

Vovan-VE · 15.01.2013, 15:27

Не по теме:

Сообщение от nonamez123

Но есть юзеры, которые на них ездят...

По льду, как на коньках.

IE6 - :hover и :active только для ссылок.
IE7 - :hover для любого элемента, но :active - только для ссылок.
IE8-10 - оба для любого элемента, но с :active имеется глупый баг.
http://www.quirksmode.org/css/contents.html#t16

@nonamez123 · 15.01.2013, 15:30 **[ТС]**

ай, нафиг - проект для личного использования... Буду нафиг вырубать експлоер.

@newJS · 15.01.2013, 21:21

Сообщение от Vovan-VE

Давным давно, когда колеса были квадратными...

Сообщение от nonamez123

Но есть юзеры, которые на них ездят...

Ага, причем серьезные люди, не то для развлекухи, не то что то кому то доказать, это ж сколько денег стоит.
Сделали квадратные колеса без резины и поехали, пока не набрали некую скорость их трясло по черному, и при торможении тоже.
Сам ролик смотрел.

@Alorian · 16.01.2013, 14:08

Сообщение от nonamez123

но работает он с li и в ff и в safari (хром следовательно тоже)

Работать он почти наверняка будет, другой вопрос нафига элементу списка active?

@nonamez123 · 16.01.2013, 14:13 **[ТС]**

Сообщение от Alorian

Работать он почти наверняка будет, другой вопрос нафига элементу списка active?

кнопочки.

@Alorian · 16.01.2013, 14:41

Сообщение от nonamez123

кнопочки.

При чем здесь кнопочки и li? Кнопки делаются на ссылках, либо инпутами.

@nonamez123 · 16.01.2013, 14:48 **[ТС]**

Сообщение от Alorian

При чем здесь кнопочки и li? Кнопки делаются на ссылках, либо инпутами.

Ну а у меня из li

@Alorian · 16.01.2013, 15:35

Сообщение от nonamez123

Ну а у меня из li

Ну значит ССЗБ

@nonamez123 · 16.01.2013, 15:40 **[ТС]**

Сообщение от Alorian

Ну значит ССЗБ

Проблема-то в чём? Есть текст, по клику на который срабатывает js. Нафиг то ещё кнопку мутить? Да и кнопка оставляет определённый осадок, который надо будет замазывать... А так всё вроде как и по красоте.

@Alorian · 16.01.2013, 15:47

Стандартная структура меню на сайте

HTML5
1
2
3
4
<ul>
    <li><a href="">Пункт меню</a></li>
    <li><a href="">Пункт меню</a></li>
</ul>

Чтобы можно было кликнуть по всей области пункта меню, а не только по тексту, для <a> нужно присвоить display:block;
Код чистый, сразу понятно что это такое. Красивость ничуть не уменьшилась.
Делается для того чтобы избежать например осложнений с active, как в этом топике описывалось. И в целом более универсальное решение. Есть и другие плюсы.

@nonamez123 · 16.01.2013, 23:19 **[ТС]**

Сообщение от Alorian

Стандартная структура меню на сайте

HTML5
1
2
3
4
<ul>
    <li><a href="">Пункт меню</a></li>
    <li><a href="">Пункт меню</a></li>
</ul>

Чтобы можно было кликнуть по всей области пункта меню, а не только по тексту, для <a> нужно присвоить display:block;
Код чистый, сразу понятно что это такое. Красивость ничуть не уменьшилась.
Делается для того чтобы избежать например осложнений с active, как в этом топике. И в целом более универсальное решение. Есть и другие плюсы.

Благодарствую, исправлю. Я как раз из-за области и убрал урлы.

Добавлено через 7 часов 30 минут

Сообщение от Alorian

Стандартная структура меню на сайте

HTML5
1
2
3
4
<ul>
    <li><a href="">Пункт меню</a></li>
    <li><a href="">Пункт меню</a></li>
</ul>

Чтобы можно было кликнуть по всей области пункта меню, а не только по тексту, для <a> нужно присвоить display:block;
Код чистый, сразу понятно что это такое. Красивость ничуть не уменьшилась.
Делается для того чтобы избежать например осложнений с active, как в этом топике описывалось. И в целом более универсальное решение. Есть и другие плюсы.

таки фигня, ибо при hover на <a> у <li> должен бордер появится.

@Alorian · 17.01.2013, 05:57

Псевдокласс hover для li работает начиная с ie7, если указан doctype.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@nonamez123 189 / 185 / 54 Регистрация: 23.10.2010 Сообщений: 1,336

	:active на li 15.01.2013, 12:42. Показов 4286. Ответов 14 Метки нет (Все метки) Собственно в манах по html псевдокласс :active приписывают элементу a, но работает он с li и в ff и в safari (хром следовательно тоже). Нормально ли это или всё таки лучше на js? 0

@nonamez123 189 / 185 / 54 Регистрация: 23.10.2010 Сообщений: 1,336
	15.01.2013, 15:30 [ТС]
	ай, нафиг - проект для личного использования... Буду нафиг вырубать експлоер. 0

@Alorian 694 / 534 / 40 Регистрация: 22.06.2009 Сообщений: 1,293
	17.01.2013, 05:57
	Псевдокласс hover для li работает начиная с ie7, если указан doctype. 0