选择器

4.选择器的使用
id选择器 100
类选择器 10
群组选择器
包含选择器
标签名选择器 1
通用选择器 0
属性选择器 10
动态伪类选择器 10
结构伪类选择器 10
伪对象选择器
层次选择器

动态伪类
a:link {color: #FF0000} /* 未访问时的状态 */
a:visited {color: #00FF00} /* 已访问过的状态 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */
a:active {color: #0000FF} /* 鼠标按下去时的状态 */

结构伪类选择器
.box div:nth-of-type(2){}
ul li:nth-child(3){}
层次选择器
body > div 只操作body下级的div。 子代选择器

div1 + div2 只选择div1 同级 随后 相邻最近 的div2 兄弟选择器

div1 ~ p 选择div1下所有的p