伪类 Pseudo-class
类似于python的装饰器，放在选择器的元素后面， 标明元素的某些部分或者属性，情况
伪类们
实例：
<a href="https://developer.mozilla.org/" target="_blank">Mozilla Developer Network</a>
a:visited{
color: blue;
}/*单对于被访问过
/* 当光标悬停，键盘激活或者锁定，让链接高亮*/
a:hover,
a:active,
a:focus{
color:darkred;
text-decoration:none;
}
伪元素
和伪类很像都是关键字，也都是添加到选择器后面去选择某个元素的某个部分
image.png
简单的例子
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Glossary/CSS">CSS</a> defined in the MDN glossary.</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML">HTML</a> defined in the MDN glossary.</li>
</ul>
```
```
[href^=http]::after {
content: '⤴';
}
```
效果就是在文字后面加上箭头
