CSS样式选择器(1)

本文探讨了在HTML中如何合理使用Class与ID,强调了Class适用于同类元素的样式统一和代码复用,而ID则用于唯一元素的快速定位。两者在网页设计中相辅相成,共同提升网页的结构化和功能性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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却可以让我们更加快速的定位元素,这两者不是一个排斥的关系,而是一个互补的关系,这需要一个长时间的过程才能有更深的体会的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值