一些未整理或未分类的内容。

伪类、伪元素

• 伪类

添加到选择器的关键字，指定要选择的元素的特殊状态。

一个选择器中只能使用一个伪元素，使用单冒号:。

/* 用户指针悬停在按钮上时，color 为蓝色 */
/* 用户指针悬停，是按钮的特殊状态 */
button:hover {
  color: blue;
}

/* p 元素作为第一个子元素时，color 为蓝色 */
/* 作为第一个子元素，是 p 元素的特殊状态 */
p:first-child {
  color: blue;
}

附：a 标签伪类顺序

• link 用户未访问的 a 标签，而且鼠标没有悬停在其上
• visited 已被访问过的 a 标签
• hover 鼠标悬停在其上的 a 标签
• active 用户正在点击的 a 标签

• 伪元素

附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。

使用双冒号::。

/* p 元素的第一行显示为蓝色 */
/* 第一行，是 p 元素的特定部分 */
p::first-line {
  color: blue;
}