简化css编码问题

Question

当我查看WordPress编码以及其他网站时。我主要看到很多脚本和CSS样式，它驱使我疯狂。以下是我所得到的证据：

Ul.nav设置

  ul {
     /* some css */
 }
 ul.nav {
     /* some css */
 }
 /* and the rest goes on about ul nav and hover events */

简单的css（以我的诚实看法）

 .nav {
     /* some css */
 }
 .nav:hover {
     /* some css */
 }

这些方法的区别是什么？它们是正确的CSS写入格式吗？如果有可能的话。为什么每个代码都不简单，简洁，加载速度快等等？如何在两个版本上完成链接是正确的。 （待定）

感谢大家抽出宝贵时间提供帮助！

Answer 1

在第一个示例中，您可以为ul标签中的所有内容添加样式，并使用nav类在ul标签中添加所有内容。在第二个示例中，您将使用类nav添加样式，以及在有人将鼠标悬停在导航上时使用类nav导航的任何内容。如果这是有道理的： - ）

Answer 2

我认为您选择作为证据的可能是某人专门命名他们的元素.nav

对我而言，拥有更具体的类名更好，但时间不会太长。但是，我们将进入IT中最艰难的工作，并命名事物＆＃34;。

为您的ul或nav提供类名.nav有点多余。所以我不同意你在那里的评估，它更简单。如果你有垂直导航和水平导航，那么.nav的样式会更复杂。

这实际上取决于项目，范围和可读性。

Answer 3

CSS验证器在第一个示例（过度限定的元素）上皱眉，但是对于记录 ul.nav将继承.nav。

类中的所有内容