这篇文章将为大家详细讲解有关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选择器怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。