• 技术文章 >web前端 >前端问答

    html中id和class有什么区别

    青灯夜游青灯夜游2021-11-18 11:19:31原创207

    区别:1、class的作用范围比id大,id是唯一的,在一个页面中只能被调用一次,而class可被调用多次;2、id对应css的样式选择符为“#”,而class对应css的样式选择符为“.”;3、id选择符的优先级别要高于class选择符。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    Html中class和id的比较:

    1、作用的范围不一样:

    class的范围比id更大,id表示唯一标识的,就像我们个人的身份证一样,是唯一的在一个页面中只能被调用一次。一般一个网页不设置两个或者两个以上的id。而class的范围就比较广泛了,class是类标签,在一个界面中可以调用多次。可以被重复使用。

    2、使用的语法不一样:

    id选择符在css中的使用方式,如用div来举例:(比如分别有div id=‘i’…div class=‘c’…两个div盒子,引用在css中的方法如下:)

    .c{
    属性:属性值;
    } 
    #i{
    属性:属性值;
    }

    3、优先级别不一样:

    id选择符的优先级别要高于class选择符的优先级。对于比较重要的可以使用id选择符。

    推荐教程:《html视频教程

    以上就是html中id和class有什么区别的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html id class
    上一篇:javascript中有hashmap么 下一篇:javascript null是什么
    php中文网线上培训班

    相关文章推荐

    • html中的meta有什么作用• HTML提供了几种列表模式• html中th是什么意思• html不成对的标签有哪些• html中span是块元素吗

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网