伪类选择器与伪元素选择器的区别

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

1.伪元素
伪元素主要有：
e:first-letter/e::first-letter
e:first-line/e::first-line
e:before/e::before
e:after/e::after
e::placeholder
e::selection
2.伪类
伪类主要有：e:link
e:visited
e:hover
e:active
e:focus
e:lang(fr)
e:not(s)
e:root
e:first-child
e:last-child
e:only-child
e:nth-child(n)
e:nth-last-child(n)
e:first-of-type
e:last-of-type
e:only-of-type
e:nth-of-type(n)
e:nth-last-of-type(n)
e:empty
e:checked
e:enabled
e:disabled
e:target
input{//表单元素

:focus => 　　匹配已聚焦点的表单元素

:enabled =>　　匹配已经启用的表单元素（默认）

:disabled =>　　匹配禁用的表单元素

:checked =>　　匹配被选中的表单元素

}

我还以为只有lvha和before.after才是，想到这个家族这么庞大，又长见识了，当然秃头也同时contiune