Все псевдоклассы, запускающие переходы CSS

#css #css-transitions #pseudo-class

#css #css-переходы #псевдокласс

Вопрос:

На каком основании вы определяете, какие псевдоклассы хорошо подходят для запуска переходов CSS? Существует ли список всех таких псевдоклассов?

PS: Я немного прочитал об этом здесь, в котором говорится, что есть только некоторые псевдоклассы, которые хорошо подходят для запуска переходов. Я искал его в документации CSS для переходов и MDN Web Docs, но нигде не смог найти полный список.

Комментарии:

1. Псевдокласс и переход являются ортогональными объектами. Они никак не связаны. Переходы применяются к свойствам

2. @TemaniAfif В таком случае, почему некоторые псевдоклассы запускают только переходы CSS? Как можно определить, будет ли псевдокласс запускать переход или нет?

3. @Srishti переходы запускаются в активном псевдоклассе, только если свойство перехода объявлено в таблице стилей для определенного элемента

4. @Srishti Они никак не связаны

5. @Aleksandar Не все псевдоклассы будут запускать переход, согласно блогу, написанному здесь — openclassrooms.com/en/courses /.

Ответ №1:

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

Смотрите https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#user_action_pseudo-classes — Я специально ссылался на раздел псевдоклассов взаимодействия с пользователем, хотя на странице в целом обсуждаются все типы псевдоклассов.

Между псевдоклассами или переходами нет никаких внутренних связей или отношений, поэтому вы должны иметь возможность запускать любой переход с помощью любого псевдокласса пользовательского действия (при наличии правильных правил в вашей таблице стилей).