id选择器介绍

id选择器介绍

前端知识qingyu2020-10-23 18:30:551729A+A-

  id选择器

  id选择器使用#进行标识,后面紧跟id名

  基本语法如下:

  id选择器说明:

  #id{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

  元素的id值是唯一的,只能对应于文档中某一个具体的元素。

  id选择器用法和类选择器类似

  id选择器和类选择器的区别

  在同一个页面中,不允许有相同名字的id对象出现。但允许相同名字的class

  类选择器class 好比人的名字,是可以多次重复使用的。

  id选择器id 好比人的身份证号码,全国唯一,不能重复使用,只能使用一次。

  id选择器和类选择器最的不同在于使用次数上。

  总结

  类选择在我们修改样式中,用的最多。

  id选择器一般用在页面唯一性的元素上,经常和javascript搭配使用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
				font-size: 20px;
			}
			#id1 {
				color: red;
			}
			#id2 {
				color: green;
			}
			#id3 {
				color: #800080;
			}
			#id4 {
				color: #0000FF;
			}
		</style>
	</head>
	<body>
		<h3>浣溪沙</h3>
		[清] 纳兰性德
		<div id="id1">十八年来坠世间,吹花嚼蕊弄冰弦,</div>
		<div id="id2">多情情寄阿谁边?</div>
		<div id="id3">紫玉钗斜灯影背,红绵粉冷枕函边。</div>
		<div id="id4">相看好处却无言。</div>
	</body>
</html>

id选择器介绍

点击这里复制本文地址 欢迎来到大黄鸡源码分享网
qrcode

大黄鸡源码编程网 © All Rights Reserved.  
网站备案号:闽ICP备18012015号-4
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理