Question

我发现了一些非常奇怪的东西on Github：

body.impress-on-applepie #applepie-image,
body.impress-on-applepie-pro #applepie-image,
body.impress-on-applepie-con #applepie-image,
body.impress-on-conclusion #applepie-image,
body.impress-on-overview #applepie-image {
    opacity: 0.7;
    transition:  opacity 2s;
}

<body class="impress-not-supported">
...
</body>

正如您所看到的，<body>只有类impress-not-supported，那么为什么样式表中有太多其他类不存在或者没有在HTML中声明，以及如何这些风格有用吗？

（这些选择器从presentation.css文件中的第197行开始。）

Answer 1

在CSS中声明的类可以与JS事件一起使用（也可能是）。 body的类名由JS动态更改。

默认类没有特殊样式，它与class属性不相同。

以及这些body.xxx如何运作？
它的工作方式与其他HTML元素上的任何类相同。

Answer 2

它们是使用Javascript控制的正文类，可能会添加功能或浏览器检测。在他们可以使用CSS后。

Modernizer是使用它们的服务示例： http://html5doctor.com/using-modernizr-to-detect-html5-features-and-provide-fallbacks/

Answer 3

html DOM树的某些部分可以在完全基于JavaScript或JQuery函数加载的页面 之后加载，这些函数可能与用户行为有关（我是说）在页面加载事件后自动运行一些函数。）

因此，您将无法在编译时看到html DOM树的这些部分，但这些样式需要存在于页面中。

为什么有些网站在检查标记时没有分配给元素的样式？

3 个答案: