1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ID选择器与class选择器有什么区别

ID选择器与class选择器有什么区别

时间:2019-02-26 00:37:18

相关推荐

ID选择器与class选择器有什么区别

web前端|css教程

ID选择器、ID选择器

web前端-css教程

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

酷狗音乐mp3下载器源码,ubuntu字体哪个好,如何看tomcat的源代码,苹果怎么防爬虫,PHP规则引擎有哪些官网,seo接单广告lzw

平时写代码的时候用div和css制作网页时,总会用到class和id选择器来设置CSS的样式,将下来在文章中将为大家介绍class与id选择器的用法以及它们的区别,有一定的参考作用,希望对大家有所帮助

mvc4.0 源码,vscode好看的文件夹插件,ubuntu下输入法,tomcat报错增大缓存控件,sqlite删除性能,静态网页设计作业下载,新加坡服务器价格表,微擎插件如何破解,手写前端主流框架,爬虫爬到家里,PHP网游,芙蓉seo优化排名,淘宝客网站模板下载,html5简单网页源代码,电商网站html模板,html 页面循环,直销信息管理系统下载,mfc通信画图程序lzw

【推荐课程:CSS课程】

mysql客户端工具源码,ubuntu结束僵尸进程,网盘资源爬虫,稻壳php,更换主机seolzw

ID 选择器

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

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

例:

#demo{width:100px;height: 100px;background: pink;text-align: center;line-height: 100px;}

ID选择器

效果图:

class选择器

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

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

.demo{width:100px;height: 100px;background: pink;text-align: center;line-height: 100px;}

class选择器

效果图:

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

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

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

总结:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。