css中的class与id之间有什么区别?

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

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

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

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

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

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

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

以上就是css中的class与id之间有什么区别?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读