为了账号安全,请及时绑定邮箱和手机立即绑定

大神快来!

id选择器和class选择器在编程中的区别是什么?换句话说,我这新建一个div,什么情况下用id给她命名?什么情况下用class给它命名?谢谢大神。

正在回答

2 回答





ID 有高优先级、唯一性的特点,特指「个体」。

相对于 ID,class 的优先级比较适中,特指「特定群体」。
Class 的使用需要参考面向对象的抽象概念。把共有的属性抽象出来

理论上 HTML 的 id 属性不用来表达语义,仅仅是一个标识符,取值不会影响文档的语义;而 class 会被搜索引擎或是其它 UA 认为是用来表达语义的描述,取值需要更加谨慎。对于 CSS 很简单,你如果希望样式仅用到一个元素下面,那你可以用 #id,如果想应用到一批类似元素下,就用 .class。举个例子,一个服务器端脚本生成的评论的列表:

<ul>
   <li><article id="comment-1" class="comment">[comment content]</article></li>
   <li><article id="comment-2" class="comment">[comment content]</article></li>
   <li><article id="comment-3" class="comment">[comment content]</article></li>
 </ul>

你可以为 .comment 添加评论通用的样式,如果想为某条评论单独定制样式,那就可以再单独设 #comment-1 的样式

ID 的性能比起 class 稍微好一点,但是在大部分浏览器上这并不是很重要(真的)。
对 CSS 来说,主要区别就是这样。


0 回复 有任何疑惑可以回复我~

一般而言一个网页中的id应该是唯一的,而class定义后可以在多个地方使用。当元素唯一或者需要单独需要动态控制显示的时候用id,其它情况下一般用class.

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

大神快来!

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信