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> <h3>浣溪沙</h3> [清] 纳兰性德 <div id="id1">十八年来坠世间,吹花嚼蕊弄冰弦,</div> <div id="id2">多情情寄阿谁边?</div> <div id="id3">紫玉钗斜灯影背,红绵粉冷枕函边。</div> <div id="id4">相看好处却无言。</div> </body> </html>
上一篇:php数据类型的转换 自动&强制
下一篇:php类和对象在内存中的分布