css的选则器(3)
之前复习了css的简单选择器,包括id选择器,class选择器,标签选择器(也叫元素选择器),通配选择器。属性选择器,属性选择器中又包括含有属性,属性中只有某个值,属性中含有某个值,属性值中的某个部位含有某些字段等几种情况。今天来复习伪类和伪元素选择器。
- 伪类选择器。
英文中叫pseudo-class,我想这大概是直译过来的吧。实际上伪类选择器更像是一种定制选择器或者特殊场景选择器。就像段誉的六脉神剑一样,只有在一些特殊情况下,他才会使出来。否则是看不到的。
伪类出现的场景一般是“选择器:伪类名”,最常见的是链接的几种形式,如下:1
2
3
4
5
6
7
8
9/*链接被访问过后的样式*/
a:visited{
}
/*鼠标在链接上时的样式*/
a:hover{
}
/*鼠标点击时的样式*/
a:active{
}
下面是一份从mdn抄过来的伪类列表,先浏览一下伪类列表,后面专门来做一个伪类详解。
- 伪元素选择器
英文叫Pseudo-element,似乎也是直译,但我觉得还是比较贴切。它们不是htm标签,但是会实实在在的出现在网页上。用来辅助html实现更好的效果。伪元素的形式和伪类相似,只是多了对冒号“选择器::伪类”
以下列出伪元素列表:
::after
::before
::first-letter
::first-line
::selection
::backdrop