伪类:基于当前元素的状态,例如使用hover:显示隐藏一个div。
伪元素:对元素内的特定内容进行改变,例如使用:after给元素后边添加内容。
常用的伪类:
:link
伪类将应用于未被访问过的链接,与:visited互斥。
:hover
伪类将应用于有鼠标指针悬停于其上的元素。
:active
伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。
:visited
伪类将应用于已经被访问过的链接,与:link互斥。
:focus
伪类将应用于拥有键盘输入焦点的元素。
常用的伪元素:
:before
在元素内容的最前面添加新内容。
:after
在元素内容的最后面添加新内容。