css选择器之补充说明

目录

1、伪元素选择器

1、::befor

2、::after

2、伪类选择器

1、:link

2、:hover

3、active

4、visited

3、属性选择器

1、标签[属性=值]

 2、标签[属性*=值]

 3、其他

4、复合选择器

1、交集

2、并集

---

1、伪元素选择器

注：一般用于要实现某些效果，但是直接添加在html中，会打乱结构。并且伪元素选择器必须和content属性一起使用。

1、::befor

在...之前添加元素

2、::after

在.....之后添加元素

 

 

2、伪类选择器

1、:link

 

 

2、:hover

注：当你鼠标放上去时会显示红色。 

3、active

 注：当鼠标点击的时会显示橘色。

4、visited

 注：当你点击过标签后，他会显示已访问过的颜色。

 

3、属性选择器

注：这里我们只讲解一些常用的，剩下的我会放在图片中，可以当一个小练习。

1、标签[属性=值]

 2、标签[属性*=值]

 

 3、其他

 

4、复合选择器

1、交集

选择器选中了相同的元素，=》重点优先级

 

2、并集

选择器选中的是不同标签，不需要比较优先级，多个用,隔开