提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > ID选择器与class选择器有什么区别【css教程】,ID选择器、ID选择器

区分有:ID选择器在文档中只能用一次,class选择器可以运用屡次;class选择器可以为同一个元素同时设置多个属性而ID选择器不可以

日常平凡写代码的时刻用div和css制造网页时,总会用到class和id选择器来设置CSS的款式,将下来在文章中将为人人引见class与id选择器的用法以及它们的区分,有肯定的参考作用,愿望对人人有所协助

【引荐课程:CSS课程】

ID 选择器

id是唯一标识一个元素的,在一个文件中只能涌现一次而且可以异常精准的找到特定的元素

ID 选择器前面有一个 # 号,CSS中经由过程ID选择器给HTML文档增加款式

例:

<style type="text/css">
#demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div id="demo">ID选择器</div>
</body>

效果图:

class选择器

类选择器许可以一种独立于文档元素的体式格局来指定款式,该选择器可以零丁运用,也可以与其他元素连系运用

class选择器前面有一个“.”号

<style type="text/css">
.demo{
width:100px;
height: 100px;
background: pink;
text-align: center;
line-height: 100px;
}
</style>
</head>
<body>
<div class="demo">class选择器</div>

效果图:

ID 选择器与class选择器的区分

(1)文档运用次数:ID选择器只能运用一次,而class选择器可以运用屡次

(2)可以运用class选择器为一个元素同时设置多个款式,然则ID选择器是不可以的

总结:以上就是本篇文章的全部内容了,愿望经由过程这篇文章可以让人人对ID选择器和class选择器有所相识。

以上就是ID选择器与class选择器有什么区分的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

上一篇:

下一篇:

相关推荐

0 条评论关于"ID选择器与class选择器有什么区别【css教程】,ID选择器、ID选择器"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线