css中伪类选择器怎么写

在CSS中，伪类选择器使用冒号（:）来表示。以下是一些常见的伪类选择器的写法示例：

1. :hover：当鼠标悬停在元素上时触发。
2. :active：当元素被激活（例如被点击）时触发。
3. :focus：当元素获得焦点时触发。
4. :visited：选择已访问过的链接。
5. :first-child：选择父元素下的第一个子元素。
6. :last-child：选择父元素下的最后一个子元素。
7. :nth-child(n)：选择父元素下的第n个子元素。
8. :nth-of-type(n)：选择父元素下的第n个特定类型的子元素。

下面是一些示例代码，展示了如何使用伪类选择器：

/* 鼠标悬停时改变背景颜色 */
.button:hover {
  background-color: red;
}

/* 点击时改变按钮样式 */
.button:active {
  background-color: blue;
  color: white;
}

/* 输入框获取焦点时添加边框样式 */
.input:focus {
  border: 2px solid green;
}

/* 已访问过的链接改变颜色 */
a:visited {
  color: purple;
}

/* 每个列表项前添加一个圆点 */
li::before {
  content: "•";
  margin-right: 5px;
}

/* 选择父元素下的第三个子元素 */
.parent :nth-child(3) {
  color: orange;
}

这只是一些伪类选择器的示例，还有很多其他的伪类选择器可以用于不同的场景。你可以根据具体需求选择适合的伪类选择器来实现你想要的效果。

希望对你有所帮助！