第七章 选择器高级 a伪类

高级选择器

1. E,F群组选择器（最后一个选择器不能添加逗号）
2. E F后代选择器（形成父子关系）
3. E>F 子元素选择器
4. E+F毗邻元素选择器（从某个指定元素开始 它后面的第一个元素）

---

属性选择器

1. div[class] 匹配有class属性的div元素
2. div[id=”box1”] 匹配指定id属性和值的div元素
3. a[class~=”btn1”]匹配指定class属性中等于或包含指定值的元素
4. a[class|=”btn”]匹配指定的class属性中唯一指定或者某一部分指定的值
   例如：[attr|=val]匹配所有attr属性以“val”整个开头或者以val-开头的元素

a伪类选择器

1. ：link 匹配所有未被点击的链接
2. ：visited 匹配所有已被点击的链接
3. ：hover 匹配鼠标悬停其上的元素

4. ：active 匹配鼠标已经在其上按下 但是还没有释放的元素

   提示：在css中 a:hover必须被置于a:link 和a:visited之后
   a:active必须被置于a:hover之后

.box:hover 鼠标悬停在box身上 同时也作用在box身上
.box:hover span 鼠标悬停在box身上 但是作用在span身上

.box:before{content:”前面赋值”}
.box:after{content：“后面赋值”}