大学生就可以看懂的css基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥，但是再坚持一下，前端知识的大门就会大开了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p:first-letter {
color: #fb3fee;
font-size: xx-large;
}
</style>
</head>
<body>
<div>
<pre>
伪类是通过css样式添加 : 伪类名完成样式设置
当前实例 first-letter 伪类名，完成效果:首字母大小写设置
伪类名都是预设规定好的。
常见伪类：
:link 用这个可以设置未被访问的链接的样式
:visited 用这个设置已经被访问的链接的样式
:hover 用于设置将鼠标悬浮在链接上的样式
:active 用于设置鼠标点击链接时到鼠标松开时的样式
:focus 用于设置用键盘将焦点放在链接上时的样式（如用tab键或者上下键来移动页面焦点时）
:first-child 选中列表中的第一个元素
:last-child 选中列表中的最后一个元素
:nth-last-child() 与 :nth-child()的不同点在于，这个是从最后一个元素开始计算，取值都是一样的。
</pre>
<p>
p标签
</p>
<div>
<p>
伪类 :first-letter
</p>
</div>
</body>
</html>