Могу ли я использовать: цель

В AMP Disallowed Styles они говорят:

Псевдоселекторы, псевдоклассы и псевдоэлементы допускаются только в селекторах, которые содержат имена тегов, и эти имена тегов не должны начинаться с amp-. Пример ОК: a:hover.

#thing:target {
  some style
}

Хотя тест AMP в порядке, у меня есть сомнения по поводу такого кода CSS выше. Могу ли я использовать это?

1 ответ

Решение

Я думаю, что это нормально использовать :target тег, если он не начинается с amp- как указано в документации, которую вы предоставили. Этот SO ответ показывает, что разработчик использует :target pseudoclass.

#slide-in-menu {
  transform: translateX(-100%);
  transition: transform .2s ease-in-out;
  ... additional required styles ...
}
#slide-in-menu:target {
  transform: translateX(0);
}

... :target гораздо эффективнее, и это хорошо работает и для каруселей.

Другие вопросы по тегам