.xx > aa 选择.xx的子元素中的aa 与.xx aa 的区别是 > 只选择一代
.xx + aa 表示紧随.xx的aa元素
.xx ~ aa 表示xx后面所有的aa元素
:hover 选择鼠标浮动在其上的元素，并设置其样式
:focus 选择获得焦点的输入字段，并设置其样式
:before 在每个被选元素之前插入新内容
