1.被点击时的效果可以用div:active{
css
}
2.鼠标覆盖在上面的时候可以用div：hover{
css}
3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：
a.先给div添加一个选中的样式比如on{css}；
b.然后在js中$('div').click(function{
$('div').toggleClass('
','on')
})
这是jquery自带的一个方法，点击div切换2个class,
.content:first{...}.content:nth-child(1){...}
CSS3 :nth-child() 选择器
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。
CSS :first-child 选择器
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器。
