HTML和CSS知识汇总6

作者：System 时间：2024年08月12日分类：所有,css 字数：508

这篇文章距离上次修改已过477天，其中的内容可能已经有所变动。

在HTML和CSS知识点汇总6中，我们将介绍CSS的伪类选择器和伪元素选择器。

伪类选择器用于向某些选择器添加特殊的效果。常见的伪类选择器包括:hover、:active、:focus、:visited、:first-child、:last-child、:nth-child()、:not()等。

例如，我们可以使用伪类选择器来改变链接在鼠标悬停时的颜色：




a:hover {
  color: blue;
}

伪元素选择器用于向某些选择器添加特殊的效果，它们放在选择器的前面或后面。常见的伪元素选择器包括:first-letter、:first-line、:before、:after等。

例如，我们可以使用伪元素选择器来在段落的开始添加一个引号：




p:before {
  content: "“";
}
 
p:after {
  content: "”";
}

以上代码将在每个段落的开始和结束处添加中文引号。