CSS中class与id的主要区别是什么-成都快上网建站

CSS中class与id的主要区别是什么

这篇文章主要讲解了“CSS中class与id的主要区别是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS中class与id的主要区别是什么”吧!

目前成都创新互联已为成百上千的企业提供了网站建设、域名、虚拟空间、成都网站托管、企业网站设计、龙湾网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

id和class属性是网页中两个通用的属性,它们协同工作使整个页面变得丰富多彩。当我们为一个元素定义样式时。可以使用id,也可以使用class。但是我们也应该注意这两者的区别。 

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。 

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

感谢各位的阅读,以上就是“CSS中class与id的主要区别是什么”的内容了,经过本文的学习后,相信大家对CSS中class与id的主要区别是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


本文题目:CSS中class与id的主要区别是什么
文章地址:http://kswjz.com/article/pghijo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流