CSS样式选择器(1)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/UN3009/article/details/83147273

class 是按照 同类型 来归类HTML的各种元素的,要把某些元素归为一类,一般会考虑到下面这些因素:

  • 它们具有同样的样式,比如不管他们的标签是什么,h1 或者是 div,但是字体大小都是 16px;
  • 它们是一种具有同样意义的东西,比如我们做网站,一般首页的 LOGO 会使用 h1,但是内页的 Logo 却不使用 h1(因为我们需要让真正的内容的标题使用 h1),但是不管是 h1 还是 div ,他们都可以使用 class=“logo” 来定义他;
  • 它们是一种具有同样HTML结构的一种元素集合,比如
<div class="entry">
    <h1>标题</h1>
    <div>这是内容</div>
</div>

那我们何时使用 id 呢?当你需要快速的定位到某一个元素时,我们就可以使用ID了,比如,在前面那个关于人的示例中,我们可以直接使用身份证号来定位到最终的那个人。
使用 class 可以让我们做到最大的代码复用,但是使用ID却可以让我们更加快速的定位元素,这两者不是一个排斥的关系,而是一个互补的关系,这需要一个长时间的过程才能有更深的体会的。

猜你喜欢

转载自blog.csdn.net/UN3009/article/details/83147273