介绍
小编给大家分享一下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>
效果图:
<强>类选择器强>
类选择器允许以一种独立于文档元素的方式来指定样式,该选择器可以单独使用,也可以与其他元素结合使用
类选择器前面有一个”。“号
例
& lt;风格类型=拔谋?css"比; .demo { 宽度:100 px; 身高:100 px; 背景:粉色; text-align:中心; 行高:100 px; } & lt;/style> & lt;/head> & lt; body> & lt; div类=癲emo"祝辞类选择器& lt;/div>
效果图:
<强> ID选择器与类选择器的区别强>
(1)文档使用次数:ID选择器只能使用一次,而类选择器可以使用多次
(2)可以使用类选择器为一个元素同时设置多个样式,但是ID选择器是不可以的
看完了这篇文章,相信你对ID选择器与类选择器有哪些区别有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!