这篇文章将为大家详细讲解有关css中id选择器怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
id选择器
id选择器使用#进行标识,后面紧跟id名
id选择器说明:
#id{属性1:属性值1;属性2:属性值2;属性3:属性值3;}
元素的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选择器怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。