Question

假设加载了modernizr，使用下面的代码剪辑按类名引用元素时是否存在任何性能问题？

一个是使用elementName.className .className，另一个是使用.className .className

HTML：

<html class="touch ...">
    <head>...</head>
    <body>
        <div class="icon"></div>
        <div class="icon"></div>
        <div class="icon"></div>
    </body>
</html>

CSS：

.icon { display: none; }
html.touch .icon { display: inline-block;}

VS

.icon { display: none; }
.touch .icon { display: inline-block;}

Answer 1

不，根本没有。

可能一旦你得到成千上万的规则/选择器，但几乎总会毫无疑问地出现在你的css之前需要解决的其他几十个性能问题选择器。

使用Modernizr引用元素

1 个答案: