14年专业服务器托管租用服务商!
咨询热线 : 400-880-5868

首页 > 客服中心 > 帮助中心

帮助中心

网站服务器租用:CSS中class与id有什么区别?

发布时间:2017-8-23 10:05:28    返回首页

  对于网站服务器租用用户来说HTML5语言并不陌生,而css优势常用的编程语句其中的class与id的区别在什么地方呢?

  通常在网站制作的过程中,CSS样式都是用来控制HTML样式的,通过样式表定义一个样式的时候,可以定义ID也可以定义class。那么,CSS中的class与id的区别是什么呢?

  CSS中class与id的几个主要区别:

  一、前缀不同。在CSS文件里书写时,id加前缀"#";class用前缀".";

  二、数量不同。同一个标签,只能有一个id,但可以有多个Class(如:div id="div1",表示该div的ID为div1,Class分别为div1、div2、div3三个);

  三、性质不同。id是一个标签,用于区分不同的结构和内容,就像我们的名字一样。而class是一个样式,可以套在任何结构和内容上,就像一件衣服一样。

  四、优先性不同。如果同时定义一个标签的id和class的css,id所定义的css优先于class(:#div{font-size:14px;} .div{font-size:12px;};则它的字体大小是14px);

  五、ID常用于JavaScript控制,很少使用class。