ID选择器与类选择器有哪些区别

  介绍

小编给大家分享一下ID选择器与类选择器有哪些区别,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!

区别有:ID选择器在文档中只能用一次,班级选择器可以使用多次;类选择器可以为同一个元素同时设置多个属性而ID选择器不可以

<强>  ID选择器与类选择器有哪些区别

<强> ID选择器

ID是唯一标识一个元素的,在一个文件中只能出现一次并且能够非常精准的找到特定的元素

ID选择器前面有一个#号,CSS中通过ID选择器给HTML文档添加样式

例:

& lt;风格类型=拔谋?css"比;   #{演示   宽度:100 px;   身高:100 px;   背景:粉色;   text-align:中心;   行高:100 px;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div id=癲emo"祝辞id选择器& lt;/div>   & lt;/body>

效果图:

 ID选择器与类选择器有哪些区别

<强>类选择器

类选择器允许以一种独立于文档元素的方式来指定样式,该选择器可以单独使用,也可以与其他元素结合使用

类选择器前面有一个”。“号

& lt;风格类型=拔谋?css"比;   .demo {   宽度:100 px;   身高:100 px;   背景:粉色;   text-align:中心;   行高:100 px;   }   & lt;/style>   & lt;/head>   & lt; body>   & lt; div类=癲emo"祝辞类选择器& lt;/div>

效果图:

 ID选择器与类选择器有哪些区别

<强> ID选择器与类选择器的区别

(1)文档使用次数:ID选择器只能使用一次,而类选择器可以使用多次

(2)可以使用类选择器为一个元素同时设置多个样式,但是ID选择器是不可以的

看完了这篇文章,相信你对ID选择器与类选择器有哪些区别有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

ID选择器与类选择器有哪些区别