Почему на Mac'e не работает такой css?

Question

[sergemin]

HTML

<nav>
   <ul>
      <li></li>
     ...
   </ul>
</nav>

CSS

nav:not(:focus) ul:not(:active) { /* магия кнопки "меню", благодаря чему навигация скрывается/появляется по щелчку */
    display: none;
  }

На айфоне не срабатывает выпадающее меню, написанное на css. Подскажите, какие свойства не поддерживаются?

Answer 1

[VisualIdeas]

Должно работать с версии 10.3

Comments

[sergemin]

а что именно не поддерживается? Это последовательность псевдоклассов или что?

[VisualIdeas]

caniuse.com
пробейте все псевдоклассы и увидите что и как поддерживатеся)

[Андрей]

VisualIdeas: я вижу что они (псевдоклассы эти) со времен великого потопа все поддерживаются
caniuse.com/#feat=css-sel3 о поддержке чего с 10.3 идет речь?

[trushka]

Не поддерживается клик (а соответственно и :active) на изначально некликабельных, так сказать, элементах, то есть, не являющихся ссылками, кнопками и т.п. Но. по идее, должно срабатывать, если внутри есть что-то кликабельное, или если прописать аттрибут onclick (даже пустой) или если задать в css cursor:pointer

[sergemin]

trushka: огромное спасибо за помощь! Добавил атрибут onclick. Действительно, Вы правы!