【问题标题】:All pseudo-classes triggering CSS transitions所有触发 CSS 转换的伪类
【发布时间】:2021-04-23 12:56:21
【问题描述】:

您根据什么确定哪些伪类非常适合触发 CSS 过渡?是否存在所有此类伪类的列表?

P.S.:我读过一些关于它的here,它说只有一些伪类非常适合触发转换。我在 CSS documentation 中搜索了转换和 MDN Web Docs,但在任何地方都找不到完整的列表。

【问题讨论】:

  • 伪类和转换是正交特征。它们没有任何联系。过渡适用于属性
  • @TemaniAfif 既然如此,为什么有些伪类只触发 CSS 过渡?如何确定一个伪类是否会触发转换?
  • @Srishti 仅当在样式表中为特定元素声明了转换属性时,才会在活动伪类上触发转换
  • @Srishti 他们没有以任何方式链接
  • @Aleksandar 根据这里写的博客-openclassrooms.com/en/courses/…,并非所有伪类都会触发转换。

标签: css css-transitions pseudo-class


【解决方案1】:

任何 user-action 伪类都可用于触发 CSS 转换。还有其他类型的伪类可以专门针对诸如子元素或兄弟元素之类的元素,而在本例中,我们讨论的是用于在事件发生时应用样式的伪类 - 即用户交互。

请参阅https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes#user_action_pseudo-classes - 我已专门链接到用户交互伪类部分,尽管该页面通常讨论所有类型的伪类。

伪类或转换之间没有任何固有的链接或关系,因此您应该能够使用任何 user-action 伪类触发任何转换(在您的样式表)。

【讨论】:

    猜你喜欢
    • 2017-02-07
    • 1970-01-01
    • 2019-02-23
    • 2015-08-15
    • 2021-01-15
    • 1970-01-01
    • 2011-04-26
    • 1970-01-01
    • 2012-12-25
    相关资源
    最近更新 更多