Question

这个问题是关于如何指定特定的CSS 可以说我们有这个html页面：

<!DOCTYPE>
<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <div>
      <span class="container">
        Hello World!
      </span>
      <span>
        Goodbye World!
      </span>
    </div>
  </body>
</html>

我们想要＆＃34; Hello World＆＃34;文字显示红色，但不是＆＃34;再见世界！＆＃34;。

在这种情况下，我们可以做到：

.container {
  color: #FF0000;
}

这样可行，因为为＆＃34; Hello World＆＃34;指定了一个类。容器。但这有效吗？我的意思是，Web浏览器必须查看所有可用的HTML，以找到具有类＆＃34; container＆＃34;的HTML。如果我们采取与上述相同的方式，但更具体的是我们会得到：

html body div span.container {
  color: #FF0000;
}

这样，只有在html标记内的body内的div内的类＆＃34;容器＆＃34;的范围才会受到影响。通过这种具体情况，我说网络浏览器有更多的方向可以做。搜索元素所需的时间似乎会减少。

现在我的问题是：
如果更好地指定，Web浏览器是否可以更有效地应用CSS？

如果更好地指定CSS可以更有效吗？

0 个答案: