伪类（MDN）
伪类是选择器的一种，它用于选择处于特定状态的元素，比如当它们是这一类型的第一个元素时，或者是当鼠标指针悬浮在元素上面的时候。
常用的伪类：
:hover :first :first-child :nth-child
伪类（MDN）
伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。
注意：一些早期的伪元素曾使用单冒号的语法，所以你可能会在代码或者示例中看到。现代的浏览器为了保持后向兼容，支持早期的带有单双冒号语法的伪元素。
常用的伪元素：
::before ::after
伪类和伪元素组合（MDN）
如果你想让第一段的第一行加粗，你需要把:first-child和::first-line选择器放到一起。试着编辑前面的实时示例，让它使用下面的CSS。这里的意思是，我们想选择一个
元素的第一行。
article p:first-child::first-line {
font-size: 120%;
font-weight: bold;
}