css中的伪类,css伪类hover,css伪类书写顺序,css中的伪类和伪元素,css中伪类选择器有哪些,css伪类怎么用
CSS 伪类是用于向特定元素添加特殊样式的一种选择器。伪类以冒号 ":" 开头，用于指定一个元素在特定状态下应该具有哪些样式。

以下是一些常见的 CSS 伪类及其用途和示例：

1. :hover - 当用户将鼠标悬停在元素上时应用的样式。
示例：a:hover { color: red; }

2. :active - 当元素被激活（例如当用户点击一个按钮）时应用的样式。
示例：button:active { background-color: yellow; }

3. :focus - 当元素获得焦点时应用的样式（例如用户使用 Tab 键导航到表单字段）。
示例：input:focus { border: 2px solid blue; }

4. :first-child - 选择父元素的第一个子元素并应用样式。
示例：ul li:first-child { font-weight: bold; }

5. :last-child - 选择父元素的最后一个子元素并应用样式。
示例：ul li:last-child { font-style: italic; }

6. :nth-child() - 选择父元素的指定子元素并应用样式。括号中可以是数字、关键字或公式。
示例：ul li:nth-child(odd) { background-color: gray; } // 选择奇数项
ul li:nth-child(2n) { background-color: lightgray; } // 选择偶数项

还有很多其他的CSS伪类，它们都具有不同的作用和语法。