css - Impress.js的CSS如何工作？

我正在阅读有关Impress.js的信息，并且对下面的代码有一些疑问（Inpress演示的一部分）。

.impress-enabled .step {
    margin: 0;
    opacity: 0.3;

    -webkit-transition: opacity 1s;
    -moz-transition:    opacity 1s;
    -ms-transition:     opacity 1s;
    -o-transition:      opacity 1s;
    transition:         opacity 1s;
}

.impress-enabled .step.active { opacity: 1 }

我的问题：


.impress-enabled类在这里做什么？
那么.active类是否应用于当前显示的步骤？因此，它的不透明度在显示时变为1，在显示下一个时变为0.3。如上面的.impress-enabled .step中所述，对吗？


感谢帮助

最佳答案

如果访问者浏览器停用了javascript，则他根本不会获得.impress启用的类，因为它是通过javascript添加的。这样，他们就可以分隔javascript版本和非javascript版本（只需暂时停用javascript并再次访问impress.js的示例页面）。因此，如果您激活了js，则将删除“无聊”类，并激活一个名为“ impress-on-bored”和“ impress-enabled”的类。
是。你是对的。

关于css - Impress.js的CSS如何工作？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15723065/