css伪类和伪元素区分 - Githubissues

cloudtian / blogs

Summary of knowledge and blogs for every little things

3 stars 0 forks source link

css伪类和伪元素区分 #3

Open cloudtian opened 5 years ago

cloudtian commented 5 years ago

W3C对两者的定义：
伪类用于向某些选择器添加特殊的效果伪元素用于将特殊的效果添加到某些选择器

伪类由一个冒号:开头，主要有：

:active
:focus
:hover
:link
:visited
:first-child
:lang

伪元素由两个冒号::开头，主要有：

:first-letter
:first-line
:selection
:before
:after

伪类的效果可以通过添加一个实际的类来达到 (伪类其实是弥补了CSS选择器的不足，用来更方便地获取信息)
伪元素的效果则需要通过添加一个实际的元素才能达到 (伪元素本质上是创建了一个虚拟容器(元素)，我们可以在其中添加内容或样式。)