div的class和id的写法及区别介绍

  • 原创
  • |
  • 浏览:656022
  • |
  • 更新:
div的class和id的写法及区别介绍

前端开发项目时,我们用得html、css、JS语言时,其中,html来说,div标签是最常的一个标签,而div中,我们用来定义指定的div时,经常用到id与class,那么,这两个在css里写法有什么不一样呢?两者的区别是什么

div的class和id的写法及区别介绍

工具/原料

  • sublinetext3
  • 电脑

方法/步骤

  1. 1

    如下图,打开代码编辑工具subline,我们新建一个html及css文件。

    div的class和id的写法及区别介绍
  2. 2

    在html里输入两个div标签。一个用id来定义,一个用class。

    div的class和id的写法及区别介绍
  3. 3

    再看css,写法上,id对应的css里一般前面加“#”,而class则是“.”,这是两者的一个写法区别。

    div的class和id的写法及区别介绍
  4. 3
    该信息未经许可获取自百度经验
  5. 4

    写完之后,我们测试刚写好的代码是否正确。

    div的class和id的写法及区别介绍
  6. 5

    浏览器打开写好的html文件,运行。如下图。没问题。

    div的class和id的写法及区别介绍
    END

注意事项

  • id在css里用“#”,而class在css里则用“.”
  • id是一对一,class是多对多。这个是id与class用法上最主要的区别。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部