css中class和id在什么时候使用-创新互联

小编给大家分享一下css中class和id在什么时候使用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联公司主营准格尔网站建设的网络公司,主营网站建设方案,app软件开发,准格尔h5微信平台小程序开发搭建,准格尔网站营销推广欢迎准格尔等地区企业咨询

当css样式用于不止一个元素时,使用class来定义;当css样式只应用于一个元素时,使用id来定义。因为:id不能重复,只能使用一次,一个id只能用于一个标签元素;而class可以重复使用,同一个class可以定义在多个标签元素上。

CSS中的选择符除了可以选择HTML预定义的标签,比如

。还可以选择用户自己定义的id或者class。id与class的最主要不同就在于id不能重复,只能使用一次,一个id只能用于一个标签。而class可以重复使用,同一个class可以定义在多个标签上。实际上从名称就能看出来id与class的区别,id是识别符,而class是类。

那么什么时候使用id,什么时候使用class?

  • 当css样式用于不止一个元素时,使用class来定义。


  • 当css样式只应用于一个元素时,使用id来定义。

例如导航条,每个页面中,只存在一个顶部导航条的话,可以使用id来定义


// 或者

例如商品列表,具有相同的样式,可以使用class来定义


    1
    2
    3

看完了这篇文章,相信你对“css中class和id在什么时候使用”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


分享标题:css中class和id在什么时候使用-创新互联
地址分享:
http://bzwzjz.com/article/hohoj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站设计 网站建设推广 古蔺网站建设 成都响应式网站建设公司 成都企业网站设计 移动手机网站制作 重庆企业网站建设 专业网站设计 成都网站建设 成都网站建设 专业网站建设 高端定制网站设计 定制网站设计 营销型网站建设 网站设计 网站建设 成都网站设计 网站建设改版 成都网站建设 成都企业网站建设公司 成都网站制作 成都网站建设公司