css中id选择器怎么用

发布时间:2022-02-22 13:38:25 作者:小新
来源:亿速云 阅读:162

这篇文章将为大家详细讲解有关css中id选择器怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  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>
		<h4>浣溪沙</h4>
		[清] 纳兰性德
		<div id="id1">十八年来坠世间,吹花嚼蕊弄冰弦,</div>
		<div id="id2">多情情寄阿谁边?</div>
		<div id="id3">紫玉钗斜灯影背,红绵粉冷枕函边。</div>
		<div id="id4">相看好处却无言。</div>
	</body>
</html>

关于“css中id选择器怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

推荐阅读:
  1. CSS中怎么定义id选择器
  2. css中id选择器的写法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:怎么用Spring MVC实现RESTful风格

下一篇:Javascript实现call,bind,apply的代码怎么写

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》