ID选择器和类选择器的区别和使用

博客介绍了id选择器和class选择器的区别与适用场合。二者都可控制节点样式,但id选择器优先级更高,一个节点只能有一个id,可有多个class。编写样式建议用class选择器,ID用于唯一确定节点,添加事件时可给节点命名id。

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

一些比较片面的见解。

id选择器和class选择器的一些区别

  1. id选择器和类选择器都可以控制节点的样式。
  2. 优先级比较:id选择器>类选择器
  3. 一个dom节点只能有一个id,可以有多个class。

id选择器和类选择器的适用场合

  1. 在编写样式时尽量使用类选择器,即使该DOM节点可能只出现一次。因为ID选择器的优先级比类选择器高,在后期样式的控制中会越来越难控制。
  2. ID必须能够唯一的确定DOM节点。在一个完整的HTML+CSS+JavaScript的页面体系中,对一个DOM节点的ID使用最多的其实是JavaScript(因为通过ID能唯一的确定DOM节点,方便控制)

个人见解是,每个dom节点首先使用类选择器,便于写css样式。当需要给节点添加事件(即js代码)时,再给该节点一个id命名。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值