大神快来!
id选择器和class选择器在编程中的区别是什么?换句话说,我这新建一个div,什么情况下用id给她命名?什么情况下用class给它命名?谢谢大神。
id选择器和class选择器在编程中的区别是什么?换句话说,我这新建一个div,什么情况下用id给她命名?什么情况下用class给它命名?谢谢大神。
2016-02-28
相对于 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 来说,主要区别就是这样。
举报