这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。
今天在写页面的时候active没有成功触发，让我提起想仔细探究active究竟是什么的想法。这样今后也能更好的完成页面的制作。
问题：
在仿掘金站点的list上方，有一个导航栏，该导航栏会随着用户点击而变换为蓝色，但是在我设置active后，该导航栏不能进行变色，乱试一拨后我还是决定好好学一下active是什么。
目的：
完成仿掘金站点的下方列表，修正顶部栏点击后不会变蓝的问题。
通过搜索:active究竟是什么，我摸索到了伪类，伪类是添加一些选择器的特殊效果。元素的一些属性不是固定的，而是会变化的，伪类的样式规定了当某元素达到规定状态，如active时，就会激活相应的样式。
伪类的用法很简单，在元素或类后面添加':'，然后填上对应的伪元素，如a:active。
由此我去寻找伪类中关于active的相关知识，然后发现了可能的问题所在，类型和顺序。每种元素拥有的伪类并不相同，active是应用于a元素的伪类，而我写在了div上。
顺序我也没有去注意，与active相关的伪类还有link，hover，这三者间的顺序是link->hover->active。link是未访问的，active是已经点击，正在活动的链接，hover是鼠标移动到该链接时的变化。
值得一提的是我已经设置了hover，没有生效的只是active，所以在我整理完css后，问题就应该解决了。
其实分析完后感觉并不算困难，之前想快点实现如今反而有点急于求成的感觉。
时间有点晚效果没做出来，今天就到这里吧，后面再补全问题（反正没人看
