Question

我想知道一些事情，为什么我应该命名类并设置它们，当我可以用css3伪类来定位时？不会是较小的“HTML代码”吗？

<header>
  <nav>
    <a href="#link1" class="menu smoothScroll">Link 1</a>
    <a href="#link2" class="menu smoothScroll">Link 2</a>
  </nav>
</header>

在我的CSS中，而不是像我这样设置菜单

.menu { 
background-color: red;
width 50px;
}

我可以这样写吗？

header nav a:link { 
background-color: red;
width 50px;
}

这只是我快速编写的一个演示/示例，因为如果这是“更聪明”或“更好”的编码，那么很多网页可以摆脱很多不可靠的类和div然后他们只是将它们作为一个子元素？

这是好还是不好？

Answer 1

简短回答：因为它让事情变得更容易。

可能是：

很难编写特定规则来定位非常具体的元素
如果HTML非常动态，则无法直接定位元素
如果你想在文档的不同部分设置相同的几个元素，那么添加很多特定的选择器会很麻烦
难以在文档中移动元素，因为每次都需要触摸CSS规则

类标识您希望平等对待的元素组，完全独立于文档中的位置。这使您可以解耦CSS和文档结构，并有效地为不同的文档重用CSS。

Answer 2

网络的内容通常（经常）是恐怖的。这意味着它是在一个团队中开发的（在我的情况下）我做所有的风格，他们做所有的编程的东西。你可能有一个容器（div），你可能知道里面会有什么（链接），但你永远不会知道你里面是否有一个或200个链接。你可以控制html容器并给它一个类，但即使我的伙伴可以让里面的任何链接都有一个生成的类，如果我能通过header nav a:link

完美地定位链接，为什么还要打扰它们呢？

CSS：为什么我可以使用样式类来定位它们？

2 个答案: