css中的伪类,css伪类active,css伪类书写顺序,css 伪类 伪元素,css伪类怎么用,css常用伪类
CSS3 伪类是一种用于选择 HTML 元素的特殊关键字，它们允许您根据元素的状态或位置来改变元素的样式。

以下是一些常见的 CSS3 伪类及其示例：

1. :hover（鼠标悬停时应用样式）

a:hover {
color: red;
}


2. :active（元素被激活时应用样式，如在点击链接时）

button:active {
background-color: green;
}


3. :focus（元素被聚焦时应用样式，如在输入框中输入文本时）

input:focus {
outline: none; /* remove the default focus outline */
box-shadow: 0 0 10px #ccc; /* apply custom focus style */
}


4. :first-child（选择作为其父元素中第一个子元素的元素）

li:first-child {
font-weight: bold;
}


5. :last-child（选择作为其父元素中最后一个子元素的元素）

li:last-child {
border-bottom: none;
}


6. :nth-child(n)（选择作为其父元素中第n个子元素的元素，其中n可以是数字、表达式或关键字）

li:nth-child(odd) {
background-color: #f2f2f2; /* select odd-numbered list items */
}