Html:<div id="box"></div>
Css:#box{border:#ccc 1px solid}
ID选择器和类选择器不同,ID选择器在同一页面只能出现一次,否则会有冲突,一般和脚本配合使用。而类选择器在同一页面可以无限使用。
1.标签选择符,相应的标签都会套用此类样式,如:h1{...}
div{...}
a{...}
那么所有的h1,div,a都会套用以上定义的样式,
2.类选择符,用class引用标签会套用此类样式,如:
.aaa{...}
.bbb{...}
.ccc{...}
使用的时候:<div class="aaa"></div>
那么这个div就套用了aaa样式,
3.id选择符,该id名(理论上来说,id属性是唯一的)的标签会套用此类样式,如:
#aaa{...}
#bbb{...}
使用的时候:<div id="aaa"></div>
那么这个div就套用了aaa样式,和类选择符不一样的就是,id是唯一标识该标签的符号,class是标识“此类”的标签,