美文网首页
HTML 中 class 与 id 标签的区别

HTML 中 class 与 id 标签的区别

作者: NapoleonY | 来源:发表于2022-03-19 17:47 被阅读0次

楔子

一间屋子里有很多人,id 是人名,class 是大家穿的衣服。两个人有相同的名字就会出现混淆,而两个人穿了同样的衣服则没问题

区别

定义上区别

id 是元素名称,可以供 js 或其它脚本程序访问该元素
class 是该元素的 css 类名

W3C 原则规定上的区别

id 具有唯一性:id 在一个页面里的唯一性
class 具有普遍性

id 与 class 的使用技巧

  1. 子级名字中包含父命名中的部分为开头。这样方便在编写 CSS 时明确层次关系
  2. class 中的子级最好不用 id
  3. class 的命名最好命名用大小写合用。
    例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头

id 与 class的优先级不同

优先级来看: Style > id > class > 缺省的 HTML 元素

相关文章

  • 2018-04-26 开胃学习.Net 系列 - css中 .

    对应id .对应class不加对应html 标签 Class与ID的区别 一个Class是用来根据用户定义的标准对...

  • HTML 中 class 与 id 标签的区别

    楔子 一间屋子里有很多人,id 是人名,class 是大家穿的衣服。两个人有相同的名字就会出现混淆,而两个人穿了同...

  • CSS选择器

    1.class 和 id 的使用场景? class是类,用于CSS,可以多个HTML标签复用。id是HTML标签的...

  • 任务7

    1.class 和 id 的使用场景? class在一个html标签中可以有很多个相同的class,但是id的话一...

  • 4-6. id选择器和类选择器

    1、id和class的区别? id相当于人的身份证不可以重复 class相当于人的名称可以重复 一个HTML标签只...

  • 关于CSS选择器

    class 和 id 的使用场景? class 和 id 有什么区别 class是设置标签的类, class属性用...

  • html标签中id与name的区别

    简介ID是唯一的,就像是一个人的身份证号码Name是可以重复的,就像是他的名字含有空白字元和('#')的 ID 值...

  • 【程序员笔记】常用css开发笔记

    1.css选择器 class型: .类名 id型: #id名 html标签...

  • class和id的区别

    class 和 id 有什么区别class是设置标签的类, class属性用于指定元素属于何种样式的类;id是设置...

  • 2020-07-08 CSS 笔记

    CSS选择器 标签选择器 类选择器 class在HTML中可多次调用 id选择器1 id在HTML中只能单次调用 ...

网友评论

      本文标题:HTML 中 class 与 id 标签的区别

      本文链接:https://www.haomeiwen.com/subject/yqcndrtx.html