链接可以使用任何css属性，包括字体、颜色、背景等等、链接有四个状态，可在四个状态时设置不同的属性
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻
当为链接的不同状态设置样式时，需要遵循a:hover 必须位于a:link 和a:visited之后，a:active 必须位于 a:hover 之后
例如编辑一个如下的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
a:link {color:red;} /* 未访问链接*/
a:visited {color:green;background-color：gray} /* 已访问链接 */
a:hover {color:pink;font-size:20px} /* 鼠标移动到链接上 */
a:active {color:yellow;} /* 鼠标点击时 */
</style>
</head>
<body>
<p><b><a href="http://www.baidu.com" target="_blank">这是一个链接</a></b></p>
<p><b>注意：</b> a:hover 必须在 a:link 和 a:visited 之后，需要严格按顺序才能看到效果。</p>
<p><b>注意：</b> a:active 必须在 a:hover 之后。</p>
</body>
</html>初次点开时显示如下，将鼠标放在链接上显示粉色，并且字体变大；点击时显示黄色；点击之后显示绿色，并且背景为灰色
理解:before伪类搭配vertical-align:middle实现垂直居中的原理
总所周知，Css如何实现元素垂直居中？已经是一个老生常谈的问题了，这个问题目前已经有了许多解决方案，这些方案也都有各自适用的场景以及优缺点，大致如下：
CSS中一些利用伪类、伪元素和相邻元素选择器的技巧
一个评论框，后面的按钮有点赞或者发送评论两种状态，其中发送按钮有根据输入框中是否有字分为可点击和不可点击两种状态。
css伪类和伪元素
伪类和伪元素，对于绝大多数同学来说，都是耳熟能详的名字，但确实又有很多人搞不清楚它们之间的区别，以致于混淆概念。而当概念都混淆的时候，也往往意味着你不会经常使用它，怕出错，怕用不好
css获取除第一个之外的子元素
有时候我们需要用CSS选择非第一个子元素，例如下面这样的HTML，希望让两个span之间间隔一定的距离，但又不希望简单的给每个span设置margin-right（会导致最后一个span也有margin-right，可能影响之后元素的排版）。
中间文字，两边横线的css3伪类的使用
CSS伪类是用来添加一些选择器的特殊效果。使用了css3的伪类，即相当于是在一个div中写入文字，然后在它前后各加了一个div，然后进行位置及宽高的调节。代码中只写一个div，然后在css样式中，对该div设置flex布局
css中:focus伪类的使用
当元素获取到焦点之后，若该元素是一个有效的链接，则通过“Enter”键即可进入该链接地址；在页面中也可以通过\\\"Tab\\\"键，遍历所有的可获得焦点的元素，使其获得焦点；
CSS 的 :is()和 :where() 即将在浏览器中和大家见面
现在，Safari（技术预览版106）和Firefox（版本78）的预览版均支持新的CSS :is() 和 :where() 伪类。 Chrome的实施仍然落后。
善用CSS伪类，不用JS也能做出选项卡功能
本篇文章的技术给予选项卡UI另一种开发的选择，Radio button的特性还有很多应用可以做（如Switcher），只要善用HTML表单元素与CSS的一些技巧，也能玩出很多有趣的功能，甚至替代JavaScript的部份工作.
如何使用JS操纵伪元素
获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。 更换class来实现伪元素属性值的更改、使用CSSStyleSheet的insertRule来为伪元素修改样式、
深入理解CSS伪类
伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!